html - Bootstrap 列在左侧和右侧填充 - 我可以改用边距吗?

标签 html css twitter-bootstrap

我正在使用 bootstrap (3.3.4) 构建我的第一个站点,例如“col-md-#”之类的列在左侧和右侧有 15px 的填充。

我可以用边距替换这个填充而不会在以后出现问题吗?

原因是我有许多带有彩色背景(颜色或图像)的框,并且当它们具有彩色背景时,带有填充的框之间没有可见空间。我不明白他们为什么使用填充,我认为一定有充分的理由不使用边距(?)

最佳答案

因为 col-* 仅用于构建您的网格。那么,如果您想个性化网格中的内容,则必须在其中添加一个新 block ,并使用此 block 而不是网格。

<div class="row">
    <div class="col-sm-6">
        <div class="greenBlock"></div>
    </div>
    <div class="col-sm-6">
        <div class="yellowBlock"></div>
    </div>
</div>

代替

<div class="row">
    <div class="col-sm-6 greenBlock"></div>
    <div class="col-sm-6 yellowBlock"></div>
</div>

关于html - Bootstrap 列在左侧和右侧填充 - 我可以改用边距吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30736996/

相关文章:

javascript - 在 excel 中生成 html 页面的布局而不是在 css 中创建是否有益?

javascript - 全部展开/折叠所有按钮js

ruby-on-rails - Ruby on Rails 中的 Bootstrap 工具提示

html - Bootstrap nav-justified 不占用全宽

html - 在相邻元素之间添加边距而不向父容器添加内边距

css - 如何在 Bootstrap 中覆盖左/右箭头图像(和一般图像)?

css - 使用 AngularJS 动态更改 css 类的属性

javascript - on ('click' ....) 仅在第二次点击后触发

php - 图片点击创建一个特定的 php 查询但不返回正确的结果

javascript - 添加 ng-click 像属性 AngularJS