微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

我想我的内容是流动的,但当使用.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/

原文地址:https://www.jb51.cc/bootstrap/234571.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐