1

Bootstrapを正しく使用しようとしています。私のLESSファイル（bootstrap.cssの後にロードされます）は次のようになります：

#page {
.container;
}
header {
    ul {
        .inline;
        .unstyled;
    }
}

そしてその結果、私は見ます：

  • 私の#pageコンテナにはmargin-left：autoとmargin-right：auto ...がありますが、幅はありません！
  • 私の<ul>にはインラインがなく、スタイルなしのスタイルも適用されていません。

次のようにHTMLコードを直接変更した場合：

<div id="page" class="container">
    <header>
        <ul class="inline unstyled">
            ...
        </ul>
    </header>
</div>

...すべてが正常に機能します。

誰もが理由を知っていますか？

助けてくれてありがとう、

よろしく、

4

1 に答える 1

0

まず、Bootstrapが定義するul.inlineので、試してみてください

#page {
    .container;
}
header {
    ul {
        ul.inline;
        ul.unstyled;
    }
}

.container2ブロックとして定義されます。Lessは、ミックスインとしていくつかのブロックのスタイルを組み合わせません。これを回避する方法がわからない（申し訳ありません）。

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

.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}
于 2013-01-04T02:21:28.240 に答える