Twitter引导程序使用井（safari vs chrome）

Question

有人可以帮助我理解为什么在Safari中正确使用井并且在Chrome中没有正确（重叠）？

这就是它在Chrome http://i.imgur.com/OOeTw8b.png

中的显示效果

基本上，井在Chrome中重叠。 （在彼此之上）

代码只是

  <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>

Answer 1

这只是一个猜测，但看看你的代码，我想是因为你的内联样式。您指定的宽度为100％，但井也将具有填充，这将填充超过父容器的100％。

并且说，不要使用内联样式。