twitter-bootstrap – 引导3 容器流体与网格添加不必要的填充

发布时间：2020-12-18 00:01:11 所属栏目：安全来源：网络整理

导读：我想我的内容是流动的，但当使用.container-fluid与Bootstrap的网格，我仍然看到填充。如何摆脱填充？我看到，我没有得到与.row的填充，但我想添加列，一旦我做，填充回来：O。我想要能够使用全宽的列。一个例子： div class="container-fluid" div class

我想我的内容是流动的，但当使用.container-fluid与Bootstrap的网格，我仍然看到填充。如何摆脱填充？

我看到，我没有得到与.row的填充，但我想添加列，一旦我做，填充回来：O。

我想要能够使用全宽的列。

一个例子：

<div class="container-fluid">
    <div class="row">
      <div class="col-sm-6">
    <p>Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.</p>
  </div> 
  <div class="col-sm-6">
    <p>Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.</p>
  </div> 
</div>

解决方案我有：

覆盖bootstrap.css，linke 1427& 1428(v3.2.0)

padding-right：15px;
padding-left：15px;

至

padding-right：0px;
padding-left：0px;

解决方法

你还应该添加一个“行”到每个容器，这将“修复”这个问题！

<div class="container-fluid">
   <div class="row">
        Some text
   </div>
</div>

见http://jsfiddle.net/3px20h6t/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!