CSS中列之间的填充
我想知道是否有更好的解决方案来解决此代码中前两列之间的空间问题: 我确实尝试将div放在div中,但在第一个示例中,div的宽度减小了(在顶部)。在botton它工作得很好,但是我不得不在px中定义一个填充值,我不喜欢它,因为它是一个固定值,我不知道这个空间是否应该自动改变CSS中列之间的填充,css,twitter-bootstrap-3,Css,Twitter Bootstrap 3,我想知道是否有更好的解决方案来解决此代码中前两列之间的空间问题: 我确实尝试将div放在div中,但在第一个示例中,div的宽度减小了(在顶部)。在botton它工作得很好,但是我不得不在px中定义一个填充值,我不喜欢它,因为它是一个固定值,我不知道这个空间是否应该自动改变 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="col-md-8">
<div class="col-md-12">
<div class="col-md-4">
<div class="col-md-12 well text-center">
...<br>...<br>...<br>...<br>...<br>...<br>...<br>...
</div>
</div>
<div class="col-md-8">
<div class="col-md-12 well text-center">
...<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br>...
</div>
</div>
</div>
<div class="col-md-12 well text-center">
...<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br>...
</div>
</div>
<div class="col-md-4">
<div class="col-md-12 well text-center">
...<br>...<br>...<br>...<br>...<br>...<br>...
</div>
<div class="col-md-12 well text-center">
...<br>...<br>...<br>...<br>...<br>...<br>...
</div>
</div>
</div>
</div>
</div>
<hr>
Bellow is OK.
<hr>
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="col-md-8">
<div class="col-md-4 well text-center">
...<br>...<br>...<br>...<br>...<br>...<br>...<br>...
</div>
<div class="col-md-8" style="padding: 0 0px 0 30px;">
<div class="col-md-12 well text-center">
...<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br>...
</div>
</div>
<div class="col-md-12 well text-center">
...<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br>...
</div>
</div>
<div class="col-md-4">
<div class="col-md-12 well text-center">
...<br>...<br>...<br>...<br>...<br>...<br>...
</div>
<div class="col-md-12 well text-center">
...<br>...<br>...<br>...<br>...<br>...<br>...
</div>
</div>
</div>
</div>
</div>
…
..
..
..
..
..
..
..
..
。。。
…
.
.
.
.
.
.
.
.
.
.
.
。。。
…
.
.
.
.
.
.
.
.
.
.
。。。
…
..
..
..
..
..
..
..
。。。
…
..
..
..
..
..
..
..
。。。
贝娄没问题。
…
..
..
..
..
..
..
..
..
。。。
…
.
.
.
.
.
.
.
.
.
.
.
。。。
…
.
.
.
.
.
.
.
.
.
.
。。。
…
..
..
..
..
..
..
..
。。。
…
..
..
..
..
..
..
..
。。。
谢谢大家! 容器提供30px的排水沟(左右各15px) 如果你取下容器并把它排成一行,两边的填充物会是-15px。这就是你要找的,对吗
<div class="row">
<div class="col-md-8">
<div class="row">
<div class="col-md-4">
<div class="col-md-12 well text-center">
...<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br>...
</div>
</div>
<div class="col-md-8">
<div class="col-md-12 well text-center">
...<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br>...
</div>
</div>
</div>
<div class="col-md-12 well text-center">
...<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br>...
</div>
</div>
<div class="col-md-4">
<div class="col-md-12 well text-center">
...<br>...<br>...<br>...<br>...<br>...<br>...
</div>
<div class="col-md-12 well text-center">
...<br>...<br>...<br>...<br>...<br>...<br>...
</div>
</div>
</div>
…
.
.
.
.
.
.
.
.
.
.
。。。
…
.
.
.
.
.
.
.
.
.
.
。。。
…
.
.
.
.
.
.
.
.
.
.
。。。
…
..
..
..
..
..
..
..
。。。
…
..
..
..
..
..
..
..
。。。
所以您的最终产品应该是您在下面展示的产品,对吗?对。最后一个是正确的。谢谢你@lecaro。它和我在第二个例子中做的一样,但是,您注意到在您的例子中,我们在整个内容的左右两侧都有一些空白?这就像class=“container fluid”中有一个填充物。你知道如何删除这些多余的空格吗?刚刚编辑了@lecaro的答案。我想这就是你要找的。当他批准编辑时,你将能够看到它。你可以看到这一点。有了新的答案(没有额外的css),它是完美的。谢谢你们,完美的达瓦尔,这就是重点。。。如果你看到Raphael,Dhaval只是把容器里的液体换成了rowYes,我看到了。现在我更好地理解了div结构,我的意思是,它是如何“流动”的。再次感谢你。