Css 修复了引导布局不响应的问题

我有一个使用引导的rails应用程序，我想使用固定网格布局

我对这一点的理解是，固定布局不会延伸到浏览器页面的全部大小，而是将其自身限制在940px宽的范围内。但是，如果页面大小减小，固定的“容器”将调整大小以最适合浏览器

据我所知，我已经正确地遵循了文档，包括了所有应该包含的文件，但是我的固定容器不会随着浏览器收缩，它仍然是“固定的”，有人知道为什么吗

如果有人需要更多的代码，请询问

守则：

Home.html.erb使用两行

            <div class="row">
                <div class="span8">
                <%= render template: "static_pages/winner" %>
                <%= render partial: "static_pages/social_quarter" %>
            </div>

            <div class="span4">
                <%= render partial: "static_pages/nominations_home" %>
            </div>
            </div>

application.js

//= require jquery
//= require jquery_ujs
//= require twitter/bootstrap
//= require bootstrap 
//= require_tree .

引导程序\u覆盖\u和\u css

@import "twitter/bootstrap/bootstrap";

body { padding-top: 50px }

@import "twitter/bootstrap/responsive";

文档中说CSS元素应该是堆叠的，而不是浮动的，我有这个div，它在大多数页面上使用，删除float属性并不能解决这个问题

.article-box {

    float: inherit;
    max-width: auto;
    padding: 20px;
    margin-bottom: 20px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
    -moz-box-shadow: 0 0 1px 1px #888;
    -webkit-box-shadow: 0 0 1px 1px #888;
    box-shadow: 0 0 1px 1px #888;
    background-color: #ffffff;

    .large {
        font-size: 30px;
        font-weight: bold;
        line-height: 30px;
    }

    img {   
        max-width: 100%;
        align: left;
    }
}

html源

<link href="/assets/application.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/bootstrap-responsive.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/bootstrap_and_overrides.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/custom.css?body=1" media="all" rel="stylesheet" type="text/css" />
  <script src="/assets/jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-transition.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-alert.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-modal.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-dropdown.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-scrollspy.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-tab.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-tooltip.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-popover.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-button.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-collapse.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-carousel.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-typeahead.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-affix.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap.js?body=1" type="text/javascript"></script>
<script src="/assets/comment.js?body=1" type="text/javascript"></script>
<script src="/assets/dropdown_toggle.js?body=1" type="text/javascript"></script>
<script src="/assets/modal.js?body=1" type="text/javascript"></script>
<script src="/assets/application.js?body=1" type="text/javascript"></script>
  <meta content="authenticity_token" name="csrf-param" />
<meta content="fc+nZpTjUYkpgqZJ9wVdru1vI/9nhUceJXc6DrNWu9g=" name="csrf-token" />
<meta name="google-site-verification" content="WOjLVAdH_q5FxvYyAnjnVw-jC17kDxd6nc4NhlxdZe0" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">

引导css和其他文件是否在浏览器中正确加载？嗨，阿比，我已将html源代码添加到编辑中，看起来可能是输入错误，但在Home.html.erb中，我看到一个打开的“span8”标记。第一个span8 div后仅1 div？除非我有误解，否则这只是为了在保留在row分区的同时关闭该分区？

@import "twitter/bootstrap/bootstrap";

body { padding-top: 50px }

@import "twitter/bootstrap/responsive";

.article-box {

    float: inherit;
    max-width: auto;
    padding: 20px;
    margin-bottom: 20px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
    -moz-box-shadow: 0 0 1px 1px #888;
    -webkit-box-shadow: 0 0 1px 1px #888;
    box-shadow: 0 0 1px 1px #888;
    background-color: #ffffff;

    .large {
        font-size: 30px;
        font-weight: bold;
        line-height: 30px;
    }

    img {   
        max-width: 100%;
        align: left;
    }
}

<link href="/assets/application.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/bootstrap-responsive.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/bootstrap_and_overrides.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/custom.css?body=1" media="all" rel="stylesheet" type="text/css" />
  <script src="/assets/jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-transition.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-alert.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-modal.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-dropdown.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-scrollspy.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-tab.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-tooltip.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-popover.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-button.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-collapse.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-carousel.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-typeahead.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-affix.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap.js?body=1" type="text/javascript"></script>
<script src="/assets/comment.js?body=1" type="text/javascript"></script>
<script src="/assets/dropdown_toggle.js?body=1" type="text/javascript"></script>
<script src="/assets/modal.js?body=1" type="text/javascript"></script>
<script src="/assets/application.js?body=1" type="text/javascript"></script>
  <meta content="authenticity_token" name="csrf-param" />
<meta content="fc+nZpTjUYkpgqZJ9wVdru1vI/9nhUceJXc6DrNWu9g=" name="csrf-token" />
<meta name="google-site-verification" content="WOjLVAdH_q5FxvYyAnjnVw-jC17kDxd6nc4NhlxdZe0" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">