javascript - Bootmetro 框架，对齐问题

Question

所以我一直在使用 bootmetro框架，我遇到了一个更严重的问题，bootmetro 带有一个 carousel和一个 scrollspy navbar .

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

无论如何我决定不这样做，而是采用并排方法，我有一个演示我正在努力实现的目标 here如果您注意到旋转木马在顶部与元素导航栏没有正确对齐。

有谁知道我该如何解决这个问题，请记住我无法使用轮播的图像 CSS，因为它与网站上的其他所有内容相关联？如果我更改它们，那么主页中的图像就会变得疯狂。

Answer 1

发生这种情况的原因是您在布局中使用了表格。使用表格进行布局并不是最佳做法。无论如何，为了保持一致，您应该使用 bootstrap native 脚手架 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>