Forums

Add Layout: Change Bootstrap classes

Permalink
Hi

I have a site where I have added layout to split an area into 2 columns.

So, C5 has added the Bootstrap classes .col-sm-6 to both divs. However, I want small devices to still have stacked divs, so how do I change these classes to .col-md-6 instead?

Thanks in advance!

Dave
madesimplemedia
 
PineCreativeLabs replied on at Permalink Reply
PineCreativeLabs
Although you can't directly change the layout outer divs, you can still customize the inner div classes.

To apply custom classes to a created layout area, do the following:

1. Click on layout area.
2. In the menu, select "Edit Area Design"
3. In the design menu, select the gear icon
4. Enter custom classes

You could create a single column layout, then put a layout within that layout and apply any necessary bootstrap classes.