Bootstrap - 为什么行移到第一列以下

Question

很抱歉缺乏描述性标题，但我希望能够弥补它。

使用cusomizer中的16列网格。

<div class="container-fluid">
        <div class="row">
            <div class="col-md-2 col-xs-16 col-sm-2 first-column">Content</div>
            <div class="col-md-14">
              <div class="col-md-16">
                  <div class="row"> <!-- First row
                      <div class="col-md-8 col-sm-7 col-xs-7">Content</div>
                      <div class="col-md-8 col-sm-7 col-xs-7">Content</div>
                  </div>
                  <div class="row"> <!-- Problem row
                      <div class="col-md-8 col-sm-7 col-xs-7">Content</div>
                      <div class="col-md-8 col-sm-7 col-xs-7">Content</div>
                  </div>

当屏幕为小/中等时，问题行会隐藏在first-column列下，但第一行不会

任何想法为什么？