Bootstrap 3在网格系统中添加水槽

特威格

我显然在这里遗漏了一些非常明显的东西,但我希望引导程序列之间有10像素的装订线。来自默认情况下具有装订线的ui-kit,要关闭它们,只需添加类uk-grid-collapse。

引导水槽开启的等效引导程序是什么?

http://codepen.io/anon/pen/vKBjBa

<div class="row">
    <div class="col-lg-4 col-md-4 col-sm-12 col1">
        <div class="div-content">col 1</div>
    </div>
    <div class="col-lg-4 col-md-4 col-sm-6 col2">
        <div class="div-content">col 2</div>
    </div>
    <div class="col-lg-4 col-md-4 col-sm-6 col3">
        <div class="div-content">col 3</div>
    </div>
</div>
高拉夫·阿格瓦尔(Gaurav Aggarwal)

只需将颜色定义为内部div。在这里,我从家长中删除了课程,并将这些课程传递给了孩子div的

<div class="row">
  <div class="col-lg-4 col-md-4 col-sm-12">
    <div class="div-content col1">col 1</div>
  </div>
  <div class="col-lg-4 col-md-4 col-sm-6">
    <div class="div-content col2">col 2</div>
  </div>
  <div class="col-lg-4 col-md-4 col-sm-6">
    <div class="div-content col3">col 3</div>
  </div>
</div>

由于引导程序在col-类中具有默认的装订线空间,因此请使用它们并定义background-color为内部div的。

默认的装订线空间15px在左右两侧,因此您将看到30pxdiv之间的默认空间如果要更改该空间以10px仅使用所需的空间编写自己的css并将其覆盖。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在Bootstrap 3中的div之间添加水平间距

来自分类Dev

了解Bootstrap 3中的网格系统吗?

来自分类Dev

Bootstrap 3中的网格系统问题

来自分类Dev

Bootstrap 3在网格中的行之间移动项目

来自分类Dev

显示在网格中的React Bootstrap轮播

来自分类Dev

Bootstrap 3网格系统

来自分类Dev

Bootstrap网格系统包装

来自分类Dev

Bootstrap网格系统中列的最小宽度

来自分类Dev

Bootstrap 3响应-在网格中上下移动模块

来自分类Dev

使用 bootstrap 4 网格系统

来自分类Dev

Bootstrap 3 网格对齐

来自分类Dev

如何在Bootstrap网格系统中连续显示3张卡

来自分类Dev

如何使表尊重Bootstrap 3中的网格?

来自分类Dev

Bootstrap 3中的简单网格布局?

来自分类Dev

如何使表尊重Bootstrap 3中的网格?

来自分类Dev

在Bootstrap 3中创建图块网格

来自分类Dev

如何使用bootstrap3网格系统

来自分类Dev

如何在Bootstrap 3上制作此网格系统?

来自分类Dev

Bootstrap 3-网格系统和缩略图

来自分类Dev

如何使用bootstrap3网格系统

来自分类Dev

请说明Twitter Bootstrap 3网格系统

来自分类Dev

使用Bootstrap 3对齐表格元素的网格系统

来自分类Dev

Bootstrap 3-网格系统和缩略图

来自分类Dev

我是否应用了bootstrap 3网格系统?

来自分类Dev

拉入/推入Bootstrap 3.xx网格系统

来自分类Dev

bootstrap 3网格系统无法正常工作

来自分类Dev

twitter bootstrap中的脚手架和网格系统

来自分类Dev

将面板安装到Bootstrap的网格系统中

来自分类Dev

如何在Bootstrap网格系统中对齐文本?