Css 引导将新行与不同行的子容器中的元素对齐

Css 引导将新行与不同行的子容器中的元素对齐,css,twitter-bootstrap,Css,Twitter Bootstrap,我的情况是,我需要能够将新行与前一行对齐,但前一行已被拆分,因此对齐/调整大小不是很简单。我必须对齐的行被分成两个col-md-6div,其中一个被进一步分成col-md-3和col-md-9 我需要新行中有一个容器与col-md-3容器中的内容对齐,另一个容器应该占据行的其余部分 以下是现有行的摘要以及新行的所需格式: 下面是一些最简单的代码,以显示我所拥有的: <!--existing row--> <div class=row> <div class

我的情况是,我需要能够将新行与前一行对齐,但前一行已被拆分,因此对齐/调整大小不是很简单。我必须对齐的行被分成两个
col-md-6
div,其中一个被进一步分成
col-md-3
col-md-9

我需要新行中有一个容器与
col-md-3
容器中的内容对齐,另一个容器应该占据行的其余部分

以下是现有行的摘要以及新行的所需格式:

下面是一些最简单的代码,以显示我所拥有的:

<!--existing row-->
<div class=row>
    <div class="col-md-6">
        <div class="row">
            <div class="col-md-3">
                Content to align
            </div>
            <div class="col-md-9">
                Everything else on this col-md-6.
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="row">
            <div class="col-md-12">
                Other stuff
            </div>
        </div>            
    </div>       
</div>
<!--this is my attempt at the new row-->
<div class="row">
   <div class="col-md-6">
       <div class="row">
           <div class="col-md-3">
              New stuff to align
           </div>
       </div>
   </div>
   <div class="col-md-6">
      <div class="row">
          <div class="col-md-12 col-md-pull-9">
              Rest of new row.
          </div>
     </div>
   </div>
</div>

要对齐的内容
col-md-6上的其他所有内容。
其他东西
要调整的新内容
新排的其他人。
问题是我无法直接对齐新行,因为现有行基本上被划分为八列,而8不划分12

我能想到的最接近的方法是将与现有行相似的新行拆分为两个
col-md-6
容器,第一个拆分为一个
col-md-3
,然后让第二个
col-md-6
容器有一个
col-md-12 col-pull-9
div。这会按照我想要的方式对齐事物,但是整行没有被填满。(我是否可以将该元素一直拉伸到行的末尾?)


我不想更改前一行的格式,我更愿意在引导框架内工作,而不必编写任何自定义容器。有没有办法获得正确的对齐方式和大小?

请发布一个代码的最小示例并添加一些代码。