1

私は次のdivを持っています:

<div style="background:red;width:100%;height:100%">Red</div>

コンテナ div なしでページに貼り付けると、表示されます。でも容器に入れると

<div class="container">
    <div style="background:red;width:100%;height:100%">Red</div>
</div>

そのdivがまったく見えません。追加に貼り付けると：

<div class="row">
  <div class="span3">
        <div style="background:red;width:100%;height:100%">Red</div>
  </div>
</div>

私はそれを見ることができますが、たくさんのパディングとたくさんのスペースがあります。0 に等しいマージン/パディングなどを持たないコンテナ div を作成するにはどうすればよいですか?

4

1 に答える 1

0

実際、Bootstrap グリッド システムを使用している場合は、列とページ境界の間の間隔を維持するために、マージンとパディングが追加されます。したがって、あなたの質問に対する直接的な答えは次のとおりです。いいえ、できません。

ただし、.container クラスを使用して div でラップされていない div を使用することもできます。その場合、div にはグリッド システムから派生したマージンとパディングがありません。

<div class="container">
   <div class="row">
     <div class="col-md-8">8-units column</div>
   </div>
</div>
<div style="width: 100%; background: red;">Your div to be expanded to full page's width</div>
<div class="container">
  <div class="row">
    Another div within grid system
  </div>
</div>
于 2013-11-09T22:01:01.587 に答える