Twitter bootstrap Bootstrap 3.3-列中的行，向下嵌套

我是Bootstrap的初学者，我不知道如何做我需要的事情

我想做这个设计

问题是我不能参加第五组。我尝试过几种方法，但我得到的最多的是：

这是我的密码：

<div class="container">
    <div class="row">
        <div class="col-md-12">DIV TITLE
        </div>
    </div>
    <div class="row">
        <div class="col-md-2">DIV 1
        </div>
        <div class="col-md-4" style="border-bottom:none">DIV 2
        </div>
        <div class="col-md-2" style="border-bottom:none">DIV 3
        </div>
        <div class="col-md-2" style="border-bottom:none">DIV 4
        </div>
        <div class="col-md-2">
            <div id="heighter">
            DIV 5:<br>
            INFO<br>
            MORE INFO<br>
            MORE INFO
            MORE INFO
            MORE INFO
            MORE INFO
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-2">DIV 5
        </div>
        <div class="col-md-2">DIV 6
        </div>
        <div class="col-md-2">DIV 7
        </div>
        <div class="col-md-2">DIV 8
        </div>
        <div class="col-md-2">DIV 9
        </div>
    </div>
    <div class="row">
        <div class="col-md-2">DIV 10
        </div>
        <div class="col-md-2">DIV 11
        </div>
        <div class="col-md-2">DIV 12
        </div>
        <div class="col-md-2">DIV 13
        </div>
        <div class="col-md-2">DIV 14
        </div>
    </div>
    <div class="row">
        <div class="col-md-4">DIV 15
        </div>
        <div class="col-md-6">DIV 16
        </div>
        <div class="col-md-2">DIV 17
        </div>
    </div>
</div>

部门名称
第一组
第2组
第3组
第4组
第5部分：

信息

更多信息

更多信息
更多信息
更多信息
更多信息
第5组
第6组
第7组
第8组
第9分部
第10组
第11分部
第12分部
第13分部
第14分部
第15分部
第16分部
第17分部

---

谢谢

这里有一个想法你可以用。我没有做完整的例子，但你应该能够做你想做的。其思想是使用嵌套容器，如下所示：

部门名称
第一组
第2组
第3组
第4组
第12分部
第22分部
第32分部
第42分部
第5部分：

信息

更多信息

更多信息
更多信息
更多信息
更多信息

请共享一个指向JSFIDLE的链接，其中包含帮助您访问第二个示例（link）Hi，Technonic的代码。我在JSFIDLE中的代码链接是：感谢您的响应和帮助，Rémi；）问题是，同样的情况仍在发生：（底部边框和左右边框，显示不正确。示例：

<div class="container-fluid">
    <div class="row">
        <div class="col-xs-12">DIV TITLE
        </div>
    </div>
  <div class="row">
    <div class="col-xs-10 container-fluid">
      <div class="row">
        <div class="col-xs-4">DIV 1
        </div>
        <div class="col-xs-4" style="border-bottom:none">DIV 2
        </div>
        <div class="col-xs-2" style="border-bottom:none">DIV 3
        </div>
        <div class="col-xs-2" style="border-bottom:none">DIV 4
        </div>  
      </div>
      <div class="row">
        <div class="col-xs-4">DIV 12
        </div>
        <div class="col-xs-4" style="border-bottom:none">DIV 22
        </div>
        <div class="col-xs-2" style="border-bottom:none">DIV 32
        </div>
        <div class="col-xs-2" style="border-bottom:none">DIV 42
        </div>  
      </div>
    </div>
    <div class="col-xs-2">
        <div id="heighter">
            DIV 5:<br>
            INFO<br>
            MORE INFO<br>
            MORE INFO
            MORE INFO
            MORE INFO
            MORE INFO
            </div>
        </div>
    </div>
</div>