html - bootstrap 在不离开地方的情况下定义 div 之间的空间

标签 html css twitter-bootstrap

<分区>

我正在使用 html、css 和 bootstrap 创建一张卡片,我正在使用 bootstrap 类 col 来定义列。我的问题是在分离 div 时,如何用 col 4 定义 3 个 div 并在不离开该位置的情况下在它们之间留出空间?当我给出 margin-left: 5px 的样式时;比如第三个div到底线

enter image description here

最佳答案

<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;
}

关于html - bootstrap 在不离开地方的情况下定义 div 之间的空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48830252/

上一篇:html - 如何防止 bootstrap 中的下拉列表和其他链接发生冲突?

下一篇:javascript - 下拉菜单点击关闭

相关文章:

html - 页脚出现在较小的屏幕上

css - View 中带有非透明文本的透明背景图像

html - 将按钮和文本框并排放置

javascript - 在 ajax 调用后重新加载相同的 tr

javascript - HTML 图像幻灯片显示空白屏幕

javascript - 如何使悬停效果改变另一个选择的 "object"

iphone - IOS 在滚动之前无法单击固定页脚中的链接?

html - 如何让我的图像和 div 位于同一行和高度上?

css - Bootstrap : How to collapse navbar earlier

javascript - 无法将外部 Javascript 与 D3JS 链接