https://gist.github.com/2354116
如果您在Chrome / Firefox中查看上述内容，那么一切似乎都没问题。底部的div（两个标题和社交图标）包装在容器div和center中，没有问题。
如果在Safari中查看过，那么这三个div根本不居中：/
我不确定为什么会这样......有人可以帮忙吗？
答案 0 :(得分：1)
注意：必须对您的设计采取很多措施，因此请修改任何不符合您原始设计的内容。
首先，您没有正确包含页面元素（内容，轮播，页脚），您目前有多个宽容器试图并排放置，这会在多个地方破坏您的设计。
您的内容容器为width:940px，您的.wrapper div为width:750px，.paramWrapper div为width:870px，您的.carousel div为{ {1}}。你必须选择一个宽度并坚持下去，只需使用保证金在页面上相应地推送内容。我使用width:735px，这是860px类的宽度。
接下来，您将直接修改span11样式表，这意味着每当引导程序更新时，如果覆盖引导程序样式表，所有更改都将丢失，因此请创建另一个样式表并将所有内容放入那里的自定义样式，只需在标题中的“引导样式表”之后加载它。
现在您的原始问题是，底部bootstrap.css div未正确堆叠，因为您的容器中设置的宽度为.paraWrapper，且其中的元素不会累加到该宽度：
870px + span3 + span3 +保证金= span2
所以这不是问题或错误，只是你的布局。
这是一个我很快就会提出的固定版本，因此您将不得不再次修改元素以符合您的设计：http://jsfiddle.net/rzSFa/3/，这里是它的demo等。
顺便说一下，你使用响应式引导程序样式表是徒劳的，它目前在你的情况下做得不多，所以为什么要使用呢？您可以轻松地修改一些媒体查询以支持我的固定版本，但是您的工作根本无法工作，因为您要使用自定义宽度声明所有自己的类，因此没有必要包括它。