Css Bootstrap 3全宽div'；容器液体中的硫

我试图在Bootstrap3CSS布局中创建一些“水平带”，扩展到浏览器窗口的整个大小，从而超出内容类的边距。这是一个扑克牌：。我发现我可以通过使用

容器流体

类来实现这一点：这意味着在该类中有一个div，包括其他div，一些表示我的“条带”，而另一些仅使用

容器

类。因此，我的相关CSS是：

div.band {
  width: 100% !important;
  background-color: #D7EAD8;
  color: #323F3F;
}

和我的HTML：

<div class="container-fluid">
  <div class="row band">Hello band</div>
  <div class="container">
    <div class="row">...</div>
  </div>
  <div class="row band">Another band</div>
  <div class="container">
  <div class="row">...</div>
  </div>
</div>

你好乐队
...
另一个乐队
...

---

然而，这并不完全有效，因为我一直在“band”div的右边缘获得一些白色边距。我不知道引导程序的内部结构，而且肯定是我做错了什么，有人能提出一个解决方案使“band”全宽吗？

当您使用%时，显示屏将显示边框、填充和边距大小之和

---

您可以使用

框大小：边框框在容器中，这将考虑大小并解决超出的大小
 您可以尝试将
100%
替换为
auto

像这样：

.band {
  width: auto !important;
  background-color: #D7EAD8;
  color: #323F3F;
}

在这些情况下，我以每个块的方式设置页面容器，如下所示：

.band {
  width: auto !important;
  background-color: #D7EAD8;
  color: #323F3F;
}


div.band{
背景色：#D7EAD8；
颜色：#323F3F；
}

此处的列内容
引导程序的常规使用
谢谢，就这样做了，我没想到像罗德里戈指出的那样，%将边框填充和边距相加。这真的很简单！有时候我忘了我可以在容器外做些事情！