css - 如何让我的 Bootstrap 网页具有全宽

Question

我在我的 Rails 应用程序中使用 gem 'bootstrap-sass', '~> 2.3.2.2'。

我如何让我的导航和男孩内容拉伸(stretch)，所以它是宽度的 100%？

我的 application.haml 看起来像这样:

!!!
%html
  %head
    = favicon_link_tag "/favicon.ico"
    %title= "My website"
    = stylesheet_link_tag    "application", media: "all", "data-turbolinks-track" => true
    = javascript_include_tag "application", "data-turbolinks-track" => true
    = csrf_meta_tags
  %body
    %header
      %nav
        .container
          .tabbable.tabs-below
            %ul.nav.nav-tabs
              = render 'layouts/navigation'
    #main{:role => "main"}
      .container
        .content
          .row
            .span12
              = render 'layouts/messages'
              = yield
          %footer

然后我有一个包含这些设置的 css 文件:

$bodyBackground: #fff;
@import "bootstrap";

body { padding-top: 10px; }

@import "bootstrap-responsive";

结果是这样的:

Answer 1

摆脱 .container、.row 和 .span 并替换为您自己的宽度为 100% 的 div