Question

我有以下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>

我可以看到它，但是周围有很多填充物和大量间距。如何创建一个容器div，它没有任何等于0的边距/填充等？

Answer 1

实际上，如果您使用的是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>

如何在bootstrap 3中创建一个不填充整个屏幕的容器？

1 个答案: