Bootstrap muliti专栏

Question

<section id="home-area">
    <div class="container">
        <div class="row">

        <div class="col-md-8">
            <div class="col-md-2">
            <p>Content goes here</p>
            <p>Content goes here</p>
            <p>Content goes here</p>
            <p>Content goes here</p>
            <p>Content goes here</p>
            </div>

            <div class="col-md-2">
            <p>Content goes here</p>
            <p>Content goes here</p>
            <p>Content goes here</p>
            <p>Content goes here</p>
            <p>Content goes here</p>
            </div>

            <div class="col-md-2">
            <p>Content goes here</p>
            <p>Content goes here</p>
            <p>Content goes here</p>
            <p>Content goes here</p>
            <p>Content goes here</p>
            </div>

            <div class="col-md-2">
            <p>Content goes here</p>
            <p>Content goes here</p>
            <p>Content goes here</p>
            <p>Content goes here</p>
            <p>Content goes here</p>
            </div>
        </div>

        <div class="col-md-4">
        <p>Right Sitebar content goses herpe</p>
        <p>Right Sitebar content goses herpe</p>
        <p>Right Sitebar content goses herpe</p>
        <p>Right Sitebar content goses herpe</p>
        <p>Right Sitebar content goses herpe</p>
        <p>Right Sitebar content goses herpe</p>
        <p>Right Sitebar content goses herpe</p>
        </div>
        </div>

    </div>
</section>

我想使用bootstrap框架。

我已经采用了引导程序'col-md-12'.

我在'col-md-4'.

中选择了右侧边栏

我想在col-md-8下使用col的其余部分作为（col-md-2）* 4。但是（col-md-2）* 4在＆＃39; col-md-8＆＃39;下没有很好地设置。

Answer 1

如果要在某个部分拆分列，则需要添加$this->user->getId()

在div.row

中分隔了一个div

这是bootply

代码：

4 area => col-md-3 (12/4 = 3)