Javascript div之间的距离

我有以下引导HTML分区：

        <div class="row">
            <div class="col-md-3 text-center mypanel"><h3>6<br></h3>BIDS:</div>
            <div class="col-md-3 text-center mypanel"><h3>47.5<br></h3>LOWEST:<br></div>
            <div class="col-md-3 text-center mypanel"><h3>49<br></h3>AVERAGE:<br></div>
            <div class="col-md-3 text-center mypanel"><h3 class="text-bold">51<br></h3>HIGHEST:<br></div>
        </div>

---

但现在我不能把它放在一行，因为4个分区比其他分区低。。。如何解决这个问题？

解决这个问题的一个好方法是在

.mypanel

中放置另一个

div

，并给它留一个边距。这样，您可以在引导网格中设置元素的样式，但不会中断引导结构本身

大概是这样的：

.mypanel{
  ...
}

.mypanel > div {
  margin: 0 15px;
  ...
}

现在只需更改此值即可调整边距

查看下面的完整演示：

.mypanel{
边缘底部：20px；
}
.mypanel>div{
利润率：0.15px；
边框：1px实心透明；
边界半径：4px；
-webkit盒阴影：0 1px 1px rgba（0,0,0.05）；
背景色：#fbfb；
}

6
投标：
47.5最低：

49
平均值：

51最高：

“但是现在我不能把它放在一行，因为4个div在其他div的下面”请详细说明…好的，那么你是说你希望div是内联的，而不是块？

.mypanel{
  ...
}

.mypanel > div {
  margin: 0 15px;
  ...
}