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/