Skip Navigation

[Resolved] responsive Bootstrap classes how to add 2

This support ticket is created 7 years, 7 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 1 reply, has 2 voices.

Last updated by Luo Yang 7 years, 7 months ago.

Assisted by: Luo Yang.

Author
Posts
#513204
probleme2.jpg

in layouts, I have a row. In that row, a 10wide col and a 2wide col.
But below 768px, the 2wide col becomes full width. I want it to stay small.
So in layout I selected the col, clicked, and went to add a class (like col-xs-2)
That doesn't work. It does not save the class (known bug it seems, even though I do have 1.9.3)

Am I doing this right ? Or is there another way to control the columns width for responsiveness with layouts ?

I want to: control the width and responsiveness of columns inl ayout.

#513276

Dear Mylene,

Yes, you are right, you can setup CSS class col-xs-2 to the small column, see the Bootstrap document:
hidden link
Extra small devices Phones (<768px)
Class prefix .col-xs-

And same as your another thread,
https://toolset.com/forums/topic/layout-wont-save-class-applied-to-row/
the bug should have already be fixed in current version of Layouts, please check if the problem still persists:
1) No other compatibility problem, no other plugins/theme
2) in a fresh new layout
Then provide a database dump file of your website, I need to test and debug it in my localhost. thanks