javascript - Bootmetro 框架,对齐问题

标签 javascript html css microsoft-metro

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

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

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

enter image description 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/

相关文章:

javascript - 剪辑背景图像的部分/框

jquery - CSS 和 jQuery 导航问题

javascript - 重构复杂的多条件 if-else 语句

javascript - 使用Java在表单Load上加载select html中的查询结果

javascript - 更改超链接的文本颜色

javascript - 使用 append() 不会替换以前的内容

html - 宽度不在 div 内

javascript - 使用 Javascript,如何检查用户的输入是否满足所有条件,然后显示输出?

c# - asp 的 Javascript 更多/更少文本按钮 :label

javascript - 有没有一种技术可以用来使用调用函数的参数来调用函数?