Как добавить поле между столбцами начальной загрузки без переноса [дубликат]
На этот вопрос уже есть ответ:
Как добавить интервал между столбцами в Bootstrap? 22 ответаМой макет в настоящее время выглядит так
В центральном столбце я хочу добавить небольшое поле между каждымServer
Div. Но, если я добавлю поле в CSS, оно закончится переносом строки и будет выглядеть та
<div class="row info-panel">
<div class="col-md-4 server-action-menu" id="server_1">
<div>
Server 1
</div>
</div>
<div class="col-md-4 server-action-menu" id="server_2">
<div>
Server 2
</div>
</div>
<div class="col-md-4 server-action-menu" id="server_3">
<div>
Server 3
</div>
</div>
<div class="col-md-4 server-action-menu" id="server_4">
<div>
Server 4
</div>
</div>
<div class="col-md-4 server-action-menu" id="server_5">
<div>
Server 5
</div>
</div>
<div class="col-md-4 server-action-menu" id="server_6">
<div>
Server 6
</div>
</div>
<div class="col-md-4 server-action-menu" id="server_7">
<div>
Server 7
</div>
</div>
</div>
И CSS
.server-action-menu {
background-color: transparent;
background-image: linear-gradient(to bottom, rgba(30, 87, 153, 0.2) 0%, rgba(125, 185, 232, 0) 100%);
background-repeat: repeat;
border-radius:10px;
}
.info-panel {
padding: 4px;
}
Я попытался добавить поля, выполнив это
.info-panel > div {
margin: 4px;
}
Как я могу добавить поле для DIV, чтобы они не оставляли так много места с правой стороны?