bootstrap定义div之间的空间而不离开该位置

时间:2018-02-16 15:45:23

标签: html css twitter-bootstrap

我正在使用html,css和bootstrap创建一张卡片,我正在使用bootstrap类col来定义列。我的问题是当分离div时,如何用col 4定义3个div并在它们之间获得一个空格而不离开这个地方?当我给出一种左边的风格:5px;例如,第三个div到达底线

enter image description here

1 个答案:

答案 0 :(得分:1)

<div class="row">
    <div class="col-xs-4">
        <div class="card">...</div>
    </div>
    <div class="col-xs-4">
        <div class="card">...</div>
    </div>
    <div class="col-xs-4">
        <div class="card">...</div>
    </div>
</div>

.card {
    margin: 0 5px;
}