0

我只是想将容器的宽度设为百分比，而不是 Bootstrap 默认的 940 像素。

我在 main.css 中的 CSS：

<style type=text/css>
    #main-container{
        width: 200px !important;
    }
</style>

我的 HTML：

<!--bootstrap-->
<link rel="stylesheet" type=text/css href="/static/css/bootstrap.css">
<script type=text/javascript src="/static/js/bootstrap.js"></script>
<!--custom css-->
<link rel="stylesheet" type=text/css href="/static/css/main.css">

<div class="container" id="main-container">
  <div class="row-fluid">
    <div class="span12">
      {% block body %}{% endblock %}
    </div>
  </div>
</div>

我可以使用在 HTML 的第 7 行手动修改样式的肮脏方法来更改宽度。所以我的猜测是某些东西优先于我的 CSS。

Bootstrap 本身似乎没有指定!important宽度。

在 bootstrap.css 的第 224 行：

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}

回答：

删除了 main.css 中的标签。

4

2 回答 2

1

从 css 文件中删除<style>标签。仅在将 css 嵌入 html 文件时才放置它们。

于 2012-12-18T05:10:42.917 回答
0

然后专门给出.container一个 200px 的 !important 宽度。尽可能缩小范围。

于 2012-12-18T04:57:42.500 回答