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.
HTH,
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
On Mar 29, 2016, at 5:24 PM, Larry Martell <[email protected]> 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 [[email protected]]
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/
