0

ツイッターのブートストラップをダウンロードし、starter-template.htmlファイルを次の非常に基本的なコードでカスタマイズしました。

<body>
<div class="container">
    <div class="row">
        <div class="span8 outsidecontainer"> ... </div>
        <div class="span4 outsidecontainer"> ... </div>
    </div>
</div>
</body>

ここまでは順調ですね。きれいに表示され、幅もOKです。お気づきのとおり、bootstrap.cssの一番下にある「outsidecontainer」スタイルを追加してみました。

.outsidecontainer{
    padding:5px;
    background:#f2f2f2;
    border-color:#cfcfcf;
    border-width:0px;
    border-style:solid;
    border-radius: 5px;
}

何らかの理由で、このスタイリングは表示されません。私は何が間違っているのですか?背景色さえも変わらないので、CSSではなくコードレベルであることがわかります。

4

1 に答える 1

0

余分なパディングを追加したため、spanX div が行内に収まらなくなります。

代わりにこれを試してください...

<body>
<div class="container">
  <div class="row">
    <div class="span8"><div class="outsidecontainer">...</div></div>
    <div class="span4"><div class="outsidecontainer">...</div></div>
  </div>
</div>
</body>
于 2012-07-23T14:50:54.783 に答える