css - Twitter bootstrap using wells (safari vs chrome) -
can me understand why wells correctly in safari , not correctly (overlapping) in chrome?
this how looks in chrome http://i.imgur.com/ooetw8b.png
basically wells overlapping in chrome. (on top of each other)
the code simply
<div class='row-fluid'> <div class='span4'> <div class='well well-large' style='width:100%; display:table; background:#ffffff;'> <b>hosts down</b> data </div> <div class='well well-large' style='width:100%; display:table; background:#ffffff;'> <b>critical services</b> data </div> <div class='well well-large' style='width:100%; display:table; background:#ffffff;'> <b>links</b> data </div> </div> <div class='span8'> <div class='well well-large' style='width:100%; display:table; background:#ffffff; text-align:center;'> graphs </div> </div> </div>
it’s guess, looking @ code i’d imagine it’s because of inline styles. you’re specifying width of 100%, wells have padding, add more 100% of parent container.
and in saying that, don’t use inline styles.
Comments
Post a Comment