我做了一个有2列的行。在这两列之间有一个30px的填充。我需要它是10px。请参阅bootply.com here上的现场示例。
在核心引导程序中,类“col sm-4”的padding-left和padding-right设置为15px,因此为30px。对于我来说,现在的问题是,我需要保持15像素在列的左侧和右侧。
如何使两列之间的填充更小,而不影响左右两侧的填充?

<style type="text/css">
.row > div{
margin-bottom: 15px;
}
.sidebar{
background: #dbdfe5;
}
.content{
background: #b4bac0;
}
.sidebar, .content{
min-height: 300px;
}
</style>
<body style="background-color: #4940fb;">
<div class="container">
<div class="row">
<div class="col-sm-4">
<div class="sidebar"></div>
</div>
<div class="col-sm-8">
<div class="content"></div>
</div>
</div>
</div>
</body>https://stackoverflow.com/questions/51272732
复制相似问题