Css DIV在Chrome/Firefox中居中，但在Safari中没有

我正在使用Twitter引导，并且已经建立了页面，所有内容在Chrome中看起来都是正确的。但是，当在Safari中查看时，上面提供的代码的底部div没有居中对齐

--更新--

好吧，我想我把它缩小到了

width

css属性，因为某种原因它与Chrome和Safari不同

我把整件事包装在一个名为

paraWrapper

的div中

上述代码在Chrome上显示良好，但在Safari上显示不正确

但是，如果我将宽度更改为类似于

720px

的值，那么它在Safari中看起来很好，但在Chrome中却不合适

所以我想我现在的问题是。有人知道为什么会有这种差异吗

---

我想我可以通过使用CSS破解来解决这个问题，但如果我能修复我的代码，使其更持久，那就太好了

如果您有兼容问题，请确保指定div的边距和填充，即使它是0

padding: 0;
margin: 0;

---

使用行时，应使用：

...
...

记住使用一个带类行的div，在这里使用带spanX类的div，其中所有的Xs跨度总和为12

---

并且不要使用“中心”属性。Bootstrap为你做的。请看

中的代码对不起，我指的是页面底部的div。其中有三个元素，代码在JSFIDLE链接中。那么你必须给出代码吗？代码在这里-您是否尝试过在开发人员工具控制台中玩游戏？（alt+cmd+i）…在Safari 5.1.5的windows版本中运行良好（请参阅）。你用的是什么版本？

<div class="row">
  <div class="span4">...</div>
  <div class="span8">...</div>
</div>