Bootmetro框架，对齐问题

Question

所以我一直在使用bootmetro框架，我遇到了一个加重问题，bootmetro附带了carousel和scrollspy navbar。

我尝试将旋转木马放在页面的顶部，但由于某种原因，标题会从一侧传播到另一侧，因为宽度在css中设置为自动，但图像不会。

我决定反对这样做并且采用并排方法，如果你注意到旋转木马在项目导航栏的顶部没有正确对齐，我有一个我想要实现的内容的演示here 。

有谁知道我怎么能解决这个问题，请记住我不能使用旋转木马的图像css，因为它与网站上的其他内容相关联？如果我改变它们，那么主页中的图像就会疯狂。

Answer 1

之所以发生这种情况，是因为您正在使用表格进行布局。使用表格进行布局不是最佳做法。无论如何，为了保持一致，你应该使用bootstrap native scaffolding http://twitter.github.com/bootstrap/scaffolding.html。

尝试删除您的表并使用以下标记：

<div class="row">
<div class="span4">
<!--Carousel goes gere -->
</div>
<div class="span4">
<!--Text and menu goes here -->
</div>
<div>