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

Popular posts from this blog

c# - Send Image in Json : 400 Bad request -

jquery - Fancybox - apply a function to several elements -

An easy way to program an Android keyboard layout app -