在Bootstrap3上，为什么这个保证金是存在的？
在Bootstrap3上，为什么这个保证金是存在的？
提问于 2017-07-12 16:19:03
我做了一套.
这是我的密码
<body style="overflow-y:scroll;">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 text-center" style="background-color: darkgray; height: 50px;">
<p style="word-break: break-all"><h6></h6></p>
</div>
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 text-center" style="background-color: transparent; height: auto;">
<div class="col-lg-4 col-md-4 col-sm-4" style="background-color: #003366; height: 40px;">
</div>
<div class="col-lg-4 col-md-4 col-sm-4" style="background-color: #447e9b; height: 40px;">
</div>
<div class="col-lg-4 col-md-4 col-sm-4" style="background-color: #ba2121; height: 40px;">
</div>
</div>
</div>
</div>
</body>它有这样的保证金
我怎样才能去掉那笔保证金？
我想这就是为什么在第8组中有3次-4，而8不等于3的原因。
所以我在第8号换了4个。但同样的结果出来了。
那笔保证金是从哪里来的？
我怎么处理这些毛边呢？
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-07-12 16:45:57
因为这3个.col-*所嵌套的.col-*有一个填充。一般来说，您应该在.row中嵌套.col-*类。.row创建一个负的左/右margin，以抵消.col-*类上的左/右边缘padding。
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<body style="overflow-y:scroll;">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 text-center" style="background-color: darkgray; height: 50px;">
<p style="word-break: break-all">
<h6></h6></p>
</div>
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 text-center" style="background-color: transparent; height: auto;">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4" style="background-color: #003366; height: 40px;">
</div>
<div class="col-lg-4 col-md-4 col-sm-4" style="background-color: #447e9b; height: 40px;">
</div>
<div class="col-lg-4 col-md-4 col-sm-4" style="background-color: #ba2121; height: 40px;">
</div>
</div>
</div>
</div>
</div>
</body>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45062977
复制相关文章
相似问题
腾讯云开发者
