Css 增压器格栅机具右侧和顶部边缘

这是我的html

.div1{
边框：1px纯黑；
高度：100px；
}
.第2分部{
边框：1px纯绿色；
高度：100px；
}
.第3分部{
边框：1px纯红；
高度：100px；
}
.第4分部{
边框：1px纯蓝色；
高度：100px；
}
.第5分部{
边框：1px纯黄色；
高度：100px；
}

1.
2.
3.
4.
5.

您可以使用标准引导方法并在列中添加div：

<div class="container main-content">
    <div class="row">
      <div class="col-md-6"><div class="div1">1</div></div>
      <div class="col-md-6"><div class="div2">2</div></div>
    </div>
    <div class="row">
      <div class="col-md-4"><div class="div3">3</div></div>
      <div class="col-md-4"><div class="div4">4</div></div>
      <div class="col-md-4"><div class="div5">5</div></div>
    </div>
</div>

---

工作示例：

您可以使用标准引导方法并在列中添加div：

<div class="container main-content">
    <div class="row">
      <div class="col-md-6"><div class="div1">1</div></div>
      <div class="col-md-6"><div class="div2">2</div></div>
    </div>
    <div class="row">
      <div class="col-md-4"><div class="div3">3</div></div>
      <div class="col-md-4"><div class="div4">4</div></div>
      <div class="col-md-4"><div class="div5">5</div></div>
    </div>
</div>

---

工作示例：

我认为您希望为每个列实现此功能

尝试覆盖引导col类：

col-md-1 {margin: 2px 2px 0px 0px;}
col-md-2 {margin: 2px 2px 0px 0px;}

。。。直到

col-md-12 {margin: 2px 2px 0px 0px;}

如果没有变化，请使用强制！重要的

col-md-6 {margin: 2px 2px 0px 0px !important;}

---

我想你想对每一个col都实施这个

尝试覆盖引导col类：

col-md-1 {margin: 2px 2px 0px 0px;}
col-md-2 {margin: 2px 2px 0px 0px;}

。。。直到

col-md-12 {margin: 2px 2px 0px 0px;}

如果没有变化，请使用强制！重要的

col-md-6 {margin: 2px 2px 0px 0px !important;}

css:

.margin-right-10px{
margin-right:10px;
}
.margin-left-10px{
margin-left:10px;
}

.margin-5px{
margin-left:5px;
margin-right:5px;
}
.margin-top{
margin-top:1px;
}

js

$(".col-md-6").firstChild.addClass(margin-right-10px);
$(".col-md-6").secondChild.addClass(margin-left-10px);

$(".col-md-4").firstChild.addClass(margin-right-10px margin-top);
$(".col-md-4").secondChild.addClass(margin-5px margin-top);
$(".col-md-4").lastChild.addClass(margin-left-10px margin-top);

您可以根据需要更改css。

css:

.margin-right-10px{
margin-right:10px;
}
.margin-left-10px{
margin-left:10px;
}

.margin-5px{
margin-left:5px;
margin-right:5px;
}
.margin-top{
margin-top:1px;
}

js

$(".col-md-6").firstChild.addClass(margin-right-10px);
$(".col-md-6").secondChild.addClass(margin-left-10px);

$(".col-md-4").firstChild.addClass(margin-right-10px margin-top);
$(".col-md-4").secondChild.addClass(margin-5px margin-top);
$(".col-md-4").lastChild.addClass(margin-left-10px margin-top);

---

你可以随意更改css。

你想要行和列之间的间距，对吗？是的，我需要相邻div之间的间距你想要行和列之间的间距，对吗？是的，我需要相邻div之间的间距你可以在firebug中设置边距吗？你可以在firebug中设置边距吗？检查我的画笔-引导列有填充，它会在它们之间创建间距。我认为没有必要使用margin-right。看看我的笔引导列有填充，它会在它们之间创建间距。我认为没有必要使用保证金权利。