Question

我需要进行设计，使两个引导程序列之间的间隙非常小，我需要专门使用引导程序3.7。我不能使用任何装订线，因为它不是引导程序4。我分配了边距并填充0，但不起作用。在全窗口中测试此代码

.col-sm-3 {
  border: 1px solid green;
  padding: 0;
  margin: 0;
}

.row {
   padding: 0;
  margin: 0;
  }

<html>
<head>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">


</head>
<div class="row">

<div class="col-sm-3">
<div class="wrapper" style="background: orange;">
xxx
</div>
</div>

<div class="col-sm-3">
<div class="wrapper" style="background: orange;">
xxx
</div>
</div>


<div class="col-sm-3">
<div class="wrapper" style="background: orange;">
xxx
</div>
</div>


<div class="col-sm-3">
<div class="wrapper" style="background: orange;">
xxx
</div>
</div>


</div>

填充边距0无法减少自举3列之间的距离

0 个答案: