css - Bootstrap 中的嵌套网格系统

Question

我对引导和享受它的网格系统有点陌生。

但是有些事情并没有发生。以下是代码:

<div class='container-fluid'>
 <div class='row'>
  <div class="col-md-7 col-md-offset-1" style="padding: 25px 35px 10px 35px;">Some Text Here</div>
  <div class='col-md-3' id='right-column' style='overflow: auto; padding-top: 25px; padding-bottom: 25px;'>
    <div class='container-fluid'>   
        <div class='row'>
            <div class='related-post-title' style='font-size: 1.2em; text-align: center;'>Heading Text</div>
        </div>

        <div class='row'>
            <div class='col-xs-1'>1-col</div><div class='col-xs-11'>11-col</div>
        </div>
    </div>  
</div>

我期望 1-col 和 11-coll 文本(靠近代码末尾)应该一起出现。但不知何故，并没有发生什么。我在这里缺少什么？

提前致谢。

Answer 1

<div class='container-fluid'>
 <div class='row'>
  <div class="col-md-7 col-md-offset-1" style="padding: 25px 35px 10px 35px;">Some Text Here</div>
  <div class='col-md-3' id='right-column' style='overflow: auto; padding-top: 25px; padding-bottom: 25px;'>
    <div class='container-fluid'>   
        <div class='row'>
            <div class='related-post-title' style='font-size: 1.2em; text-align: center;'>Heading Text</div>
        </div>

        <div class='row'>
            <div class='col-xs-1'>1-col</div><div class='col-xs-11'>11-col</div>
        </div>
    </div>  
</div>
</div>
</div>


You were miss two div which is not closed. Please put these code. It works!