And also this, is it still an issue?

We lost this feature in 3.X i think (maybe another mantis issue)

We lost
Answer1 Answer2
Answer3 Answer4

order.
Can be done in QuestionTheme, maybe but still lost

column_style-css.png (16,450 bytes)   

column_style-css.png (16,450 bytes)   

column_style-ul.png (17,048 bytes)   

column_style-ul.png (17,048 bytes)   

4 solution :

1. (ul order) Multiple ul : API compatible, same than current, limited to 1,2,3,4,6,12
2. (css order) li with col-sm-X : : limited to 1,2,3,4,6,12
3. (ul order) columns : broke API but really good, work on all major browser including IE11 (must test with calc) {column-count: attr(data-columns);}
4. (css order)css-grid : {display: grid;grid-template-columns: repeat(attr(data-columns), auto);}, broken in IE : https://caniuse.com/mdn-css_properties_grid-template-columns_repeat

@c_schmitz : without broke API 1 is the default, with broke API : 3 is the default.
Except this question, OK to add this to master ?

What do you mean by 'API compatible'?
We don't care about IE, anymore.

SurveyTheme can use different @media width for col-sm. For example, some user can force 2 columns on little screen to (it's interesting).
If we move to a different html : it borke this part
if we move to column-count: attr(data-columns); we must fix the @media width set to one column .
https://github.com/LimeSurvey/LimeSurvey/blob/master/themes/survey/vanilla/css/theme.css
seems best here.

base.css : set to X columns on all
theme.css : set to 1 columns with @media only screen and (max-device-width: 760px)

usage of columns is not really a new feature : it the same order
A01 A03
A02 A04

In 6 : https://getbootstrap.com/docs/5.3/layout/grid/#row-columns

Alt (after https://github.com/LimeSurvey/LimeSurvey/pull/3038)
https://developer.mozilla.org/fr/docs/Web/CSS/grid-template-columns