On Tue, Mar 29, 2016 at 9:43 PM, Karl DeSaulniers <k...@designdrumm.com> wrote:
> Hi Larry,
> I believe with bootstrap you have to set 12 col to span the full distance of 
> the parent.
> Then if you want 4 evenly spaced cols inside that you divide by 4.
>
> 12 / 4 = 3 so each child col needs to be set to 3.
> Col 6 is half the width of the parent.
> So yeah..  two col on top of two cols.
>
> <div class="container-fluid">
>   <div class="row">
>       <div class="col-xs-12">
>           <div class="col-xs-3">
>               chart 1
>           </div>
>           <div class="col-xs-3">
>               chart 2
>           </div>
>           <div class="col-xs-3">
>               chart 3
>           </div>
>           <div class="col-xs-3">
>               chart 4
>           </div>
>     .
>
> if the above needs to fit in a 10 col, then create a 12col div inside the 10 
> col that you then divide into 4ths.

Thank you so much Karl. That did it!

> On Mar 29, 2016, at 5:24 PM, Larry Martell <larry.mart...@gmail.com> wrote:
>
>> <div class="container-fluid">
>>   <div class="row">
>>       <div class="col-xs-10">
>>           <div class="col-xs-6">
>>               chart 1
>>           </div>
>>           <div class="col-xs-6">
>>               chart 2
>>           </div>
>>           <div class="col-xs-6">
>>               chart 3
>>           </div>
>>           <div class="col-xs-6">
>>               chart 4
>>           </div>
>>     .
>>     .
>>     .
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to