所以我一直在使用 bootmetro框架,我遇到了一个更严重的问题,bootmetro 带有一个 carousel和一个 scrollspy navbar .
我尝试将旋转木马放在页面顶部,但由于某种原因,标题会从一侧扩展到另一侧,因为宽度在 css 中设置为自动,但图像不会。
无论如何我决定不这样做,而是采用并排方法,我有一个演示我正在努力实现的目标 here如果您注意到旋转木马在顶部与元素导航栏没有正确对齐。
有谁知道我该如何解决这个问题,请记住我无法使用轮播的图像 CSS,因为它与网站上的其他所有内容相关联?如果我更改它们,那么主页中的图像就会变得疯狂。
最佳答案
发生这种情况的原因是您在布局中使用了表格。使用表格进行布局并不是最佳做法。无论如何,为了保持一致,您应该使用 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>
关于javascript - Bootmetro 框架,对齐问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15578158/