Forums

Bootstrap3 grids

Permalink
I have a C5 Bootstrap "layout" which generates code like this..

<div class="row">
 <div class="col-sm-2">...</div>
 <div class="col-sm-4">...</div>
 <div class="col-sm-4">...</div>
 <div class="col-sm-2">...</div>
</div>


Actually I'd like it to look like this..

<div class="row">
 <div class="col-lg-2">...</div>
 <div class="col-lg-4">...</div>
 <div class="col-lg-4">...</div>
 <div class="col-lg-2">...</div>
</div>


Where about in Concrete can I override these classes?

Thanks.
Conkreet
 
siton replied on at Permalink Reply
siton
In "enbale grid" you dont have (yet) option for responsive widths combination (.col-xs-* .col-*sm-* .col-md-* .col-lg-*).

Look at the video in 10:00 minutes.
http://documentation.concrete5.org/developers/designing-for-concret...
Gondwana replied on at Permalink Reply
Gondwana
I think you can do this by over-riding the theme template files. Have a squiz at, eg, concrete\themes\elemental\left_sidebar.php, and the php files in the elements directory. If that seems like the sort of thing you want to be playing with, you can over-ride those files by placing your own versions somewhere under the application directory.
MrKDilkington replied on at Permalink Best Answer Reply
MrKDilkington
Hi Conkreet,

An alternative to changing default layout grid classes is to use custom layout presets.

"Adding Complex Custom Layout Presets in Your Theme"
http://documentation.concrete5.org/developers/designing-for-concret...
Conkreet replied on at Permalink Reply
Conkreet
Thanks all for your answers. I think in my particular case MrKDilkington's answer is probably the best fit.

Thanks again