0

Bootstrapのデフォルトの940pxではなく、コンテナの幅をパーセンテージにしようとしているだけです。

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 よりも優先されています。

!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

<style>css ファイルからタグを削除します。css を html ファイルに埋め込む場合にのみ配置してください。

于 2012-12-18T05:10:42.917 に答える
0

次に、具体的に.container!important の幅を 200px に指定します。できるだけ絞ってください。

于 2012-12-18T04:57:42.500 に答える