在列(twitter bootstrap)对齐问题中添加更多文本时

时间:2014-08-02 19:54:36

标签: css css3 twitter-bootstrap

我按三列布局创建了4行。我创建了这个教程从bootstrap中显示的方式。我的问题是。当我在第一列中输入更多字母时,不是第一行不是同等调整。并且输出是最后一列下来的。但如果我的第一列中有最小字符,那么输出是正确的。

我不明白为什么它同样适应。

这是我的代码。

<div class="container">
        <div id="firstdiv" class="row">
            <div class="col-md-4"><p>Checking whether height is longer and bigger than other column</p></div>
            <div class="col-md-4"><p>Box 2</p></div>
            <div class="col-md-4"><p>Box 3</p></div>
            <div class="clearfix visible-md-block"></div>
            <div class="col-md-4"><p>Box 4</p></div>
            <div class="col-md-4"><p>Box 5</p></div>
            <div class="col-md-4"><p>Box 6</p></div>
            <div class="clearfix visible-md-block"></div>
            <div class="col-md-4"><p>Box 7</p></div>
            <div class="col-md-4"><p>Box 8</p></div>
            <div class="col-md-4"><p>Box 9</p></div>
            <div class="clearfix visible-md-block"></div>
            <div class="col-md-4"><p>Box 10</p></div>
            <div class="col-md-4"><p>Box 11</p></div>
            <div class="col-md-4"><p>Box 12</p></div>
        </div>
        <br/>
        <div id="seconddiv" class="row">
            <div class="col-md-4"><p>Box 1</p></div>
            <div class="col-md-4"><p>Box 2</p></div>
            <div class="col-md-4"><p>Box 3</p></div>
            <div class="clearfix visible-md-block"></div>
            <div class="col-md-4"><p>Box 4</p></div>
            <div class="col-md-4"><p>Box 5</p></div>
            <div class="col-md-4"><p>Box 6</p></div>
            <div class="clearfix visible-md-block"></div>
            <div class="col-md-4"><p>Box 7</p></div>
            <div class="col-md-4"><p>Box 8</p></div>
            <div class="col-md-4"><p>Box 9</p></div>
            <div class="clearfix visible-md-block"></div>
            <div class="col-md-4"><p>Box 10</p></div>
            <div class="col-md-4"><p>Box 11</p></div>
            <div class="col-md-4"><p>Box 12</p></div>
        </div>
    </div>

我不知道如何为引导程序创建小提琴。

我的firstdiv输出应该看起来像第二个div。

0 个答案:

没有答案