Actually this appear to be using bootstrap. The charts are created
within bootstrap classes. The hierarchy is:
<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>
.
.
.
This is how it was before but just with 2 charts. I added charts 3 and 4.
On Tue, Mar 29, 2016 at 6:09 PM, Angela French <[email protected]> wrote:
> Is bootstrap an option?
>
> -----Original Message-----
> From: [email protected]
> [mailto:[email protected]] On Behalf Of Larry Martell
> Sent: Tuesday, March 29, 2016 3:08 PM
> To: CSS Discuss
> Subject: [css-d] align 4 divs horizontally
>
> I am trying to align 4 divs horizontally. I know I've successfully done this
> before with either display: inline-block or position: static or something.
> But no matter what I've tried with this case I always get 2 divs lined up
> horizontally and then 2 divs below those.
>
> This is big ugly app I didn't write and there's a lot of inherited CSS. These
> divs contain charts, and the app was displaying 2 charts next to each other.
> Now they want 4 charts all next to each other. The
> 2 charts fit in the window, but the 4 will not and the user will have to
> scroll horizontally. There is a horizontal scroll bar on the window.
>
> I think something is deciding that the window can't get wider, but I don't
> know what that would be. Any ideas on what can I set on these 4 divs to get
> them to line up horizontally?
______________________________________________________________________
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/
