On 29 Mar 2016, at 19:41, Larry Martell wrote:

On Tue, Mar 29, 2016 at 7:27 PM, Tom Livingston <tom...@gmail.com> wrote:

On Tuesday, March 29, 2016, Larry Martell <larry.mart...@gmail.com> wrote:

The bootstrap class col-xs-6, which the charts are in is float left.
None have clear set.

If I'm not mistaken, col-xs-6 is extra small 6 column width. Can that width
be too small? Can you over ride it?

I removed that class then I got the 4 charts vertically aligned. I
tried adding display=inline-block but that didn't change anything.

I'm not closely familiar with Bootstrap, but your use case seems like one that flexbox would handle extremely well. Something as simple as this might work:

   div.col-xs-10 {display: flex; align-items: center;}

It's possible you might have to unset a lot of Bootstrap CSS to prevent interference, but hopefully not.

--
Eric A. Meyer - http://meyerweb.com/
______________________________________________________________________
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