html - 将全宽 slider 或图像添加到 Twitter Bootstrap 主题时出现问题

Question

我正在努力将 Twitter Bootstrap 主题转换为 Wordpress 主题并添加到其中。

我在将全宽元素添加到主题中时遇到问题。我尝试添加一个设置为全宽的 slider 插件。虽然添加时它会变为固定宽度，但如果我也添加图像，也会发生同样的情况。似乎我页面中的所有内容都这样做，除了我的页眉和页脚。

此外，似乎每次我向页面添加任何内容时，页面/页脚都会弄乱。不过，我仍在学习 CSS。

我正在发布一个指向该网站的链接，看看是否有人可以看看并帮助我。

http://goo.gl/8JUDA

Answer 1

看起来您在 .container div 中包含了要拉伸(stretch)窗口大小的元素。

.container 用于固定布局的 Bootstrap 。而是尝试使用 .container-fluid 类。

例如:

<div class="container-fluid">
  <div class="row-fluid">
    <div class="span2">
      <!--Sidebar content-->
    </div>
    <div class="span10">
      <!--Body content-->
    </div>
  </div>
</div>

阅读更多:http://twitter.github.io/bootstrap/scaffolding.html#layouts