Html 内有其他列的引导列

我不熟悉引导，我想知道如果我把列放在另一个引导列中，如何计算它

例如，下面我的第一个col-md-6必须是“内部”类。我可以把引导列放到这两个框中吗？如果是，如何计算列数？ 我希望这些tho盒是一个挨着一个的，就像你们放在两个浮动左边，但如果可能的话，使用引导

<div class="container-fluid">
  <div class=" left-side col-md-6">
    <div class="page inside">
        <h1>This Is A Title</h1>
        <div class="page-text">  
          <p>This is the price <span>$735</span></p>
        </div>
         <div class="page-text">  
          <p>This is the price <span>$735</span></p>
        </div>
    </div>
    <div class="page inside">
        <h1>This Is A Title</h1>
        <div class="page-text">  
          <p>This is the price <span>$735</span></p>
        </div>
         <div class="page-text">  
          <p>This is the price <span>$735</span></p>
        </div>
    </div>
    <div class="">
          <p class="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sollicitudin magna in aliquam hendrerit. Duis facilisis ipsum in scelerisque convallis. Vestibulum eget vehicula arcu. Suspendisse viverra accumsan euismod. Maecenas ac felis at mi pellentesque porta. Vestibulum sed metus et enim molestie sodales. Etiam auctor magna ac tincidunt dignissim. </p>
          <p class="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sollicitudin magna in aliquam hendrerit. Duis facilisis ipsum in scelerisque convallis. Vestibulum eget vehicula arcu. Suspendisse viverra accumsan euismod. Maecenas ac felis at mi pellentesque porta. Vestibulum sed metus et enim molestie sodales. Etiam auctor magna ac tincidunt dignissim. </p>
      </div>
  </div>


  <div class="middle-side col-md-3">
    <div class="page">
        <h1>This Is A Title</h1>
        <div class="page-text">  
          <p>This is the price <span>$735</span></p>
        </div>
         <div class="page-text">  
          <p>This is the price <span>$735</span></p>
        </div>
    </div>
    <div class="page">
        <h1>This Is A Title</h1>
        <div class="page-text">  
          <p>This is the price <span>$735</span></p>
        </div>
         <div class="page-text">  
          <p>This is the price <span>$735</span></p>
        </div>
    </div>
    <div class="page">
        <h1>This Is A Title</h1>
        <div class="page-text">  
          <p>This is the price <span>$735</span></p>
        </div>
         <div class="page-text">  
          <p>This is the price <span>$735</span></p>
        </div>
    </div>
  </div>
</div>

这是一个标题
这是735美元的价格

这是735美元的价格

这是一个标题
这是735美元的价格

这是735美元的价格

Lorem ipsum door sit amet，是一位杰出的职业经理人。亨德雷特阿利夸姆大前庭。节杖中的同侧双盲。前庭，前庭，前庭。维韦拉·阿库姆桑·尤伊斯莫悬架。佩伦茨克港的猫咪。前庭位于基底膜和基底膜。埃蒂亚姆拍卖行大拍卖行
Lorem ipsum door sit amet，是一位杰出的职业经理人。亨德雷特阿利夸姆大前庭。节杖中的同侧双盲。前庭，前庭，前庭。维韦拉·阿库姆桑·尤伊斯莫悬架。佩伦茨克港的猫咪。前庭位于基底膜和基底膜。埃蒂亚姆拍卖行大拍卖行
这是一个标题
这是735美元的价格

这是735美元的价格

这是一个标题
这是735美元的价格

这是735美元的价格

这是一个标题
这是735美元的价格

这是735美元的价格

Twitter引导是一个

12列

框架，因此每行所有列的总和应为12列

因此，可以在其他列中添加列，只要将新列包装在新的

行中，如下所示：

<div class="container-fluid">
    <div class="row">
        <div class="col-md-6">
            <div class="row"> <!-- new row added here -->
                <div class="col-md-3">
                    ....
                </div>
                <div class="col-md-9">
                    <div class="row"> <!-- even another row for new columns -->
                        <div class="col-md-5">
                            ....
                        </div>
                        <div class="col-md-7">
                            ....
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <div class="col-md-6">
            ....
        </div>
    </div>
</div>


....
....
....
....
非常完美。谢谢你，安德烈，我可以帮助约翰。如果这有助于解决您的问题，请将其标记为正确答案并投票表决。干杯这段代码帮助我解决我的问题。谢谢@AndrewL，我这边的投票。很高兴我能帮助Verma:）干杯！！