Twitter bootstrap 自举行结构

在Twitter引导中，默认的行结构是12列宽。给定以下代码

<div class="container">
    <div class="row">
    <div class="col-lg-2">
            Hello-1
    </div>
    <div class="col-lg-2">
            Hello-2
    </div>
    <div class="col-lg-2">
            Hello-3
    </div>
    <div class="col-lg-2">
            Hello-4
    </div>
    <div>
</div>

你好-1
你好，2号
你好-3
你好-4

---

列之间有一个默认的空间量，但我想显示彼此更靠近的列。对于引导类有什么方法可以做到这一点吗？

您的意思是要删除div中的填充和边距吗？？？ 添加css

.左分区 {float:left；}

    <div class="container">
    <div class="row">

<div class="col-md-6">
    <div class="div-left">
            Hello-1
    </div>
    <div class="div-left">
            Hello-2
    </div>
    <div class="div-left">
            Hello-3
    </div>
    <div class="div-left">
            Hello-4
    </div>
    <div>
</div>

你好-1
你好，2号
你好-3
你好-4

这是一个例子

希望此链接也能帮助您为div分配网格。宽度将根据屏幕分辨率而变化。 谢谢

您可以使用它制作12格线，以获取并删除它们之间的距离

例如：从您的代码

<div class="container">
    <div class="row">
    <div class="col-lg-offset-2 col-lg-3">
            Hello-1
    </div>
    <div class="col-lg-2">
            Hello-2
    </div>
    <div class="col-lg-2 col-lg-pull-1 ">
            Hello-3
    </div>
    <div class="col-lg-3">
            Hello-4
    </div>
    <div>
</div>

你好-1
你好，2号
你好-3
你好-4

这取决于您希望改变多少间隙。您可以通过网站定制引导程序，或者从源代码处编译它

要自定义的属性是默认设置为30px的

栅格边沟宽度

---

我已经在youtube上发布了如何使用源代码（为mac量身定制）的视频

LESS:variables.LESS上的第305行有一个名为@grid gotter width的变量，您可以减少该变量：Bootstrap使用@grid gotter width/2来计算实际的列填充

---

使用CSS，您必须手动编辑该文件，或使用额外的类覆盖它。

您是否尝试将

lg

更改为

md

？是的。！我试过了，但我认为md不适合div大小。调整屏幕大小时使用md没有md不工作。@ofiris，没有。1-12定义宽度（以12的分数表示），xs lg定义显示宽度的屏幕宽度。

<div class="container">
    <div class="row">
    <div class="col-lg-offset-2 col-lg-3">
            Hello-1
    </div>
    <div class="col-lg-2">
            Hello-2
    </div>
    <div class="col-lg-2 col-lg-pull-1 ">
            Hello-3
    </div>
    <div class="col-lg-3">
            Hello-4
    </div>
    <div>
</div>