Bootstrap将新行与不同行

Question

我有一种情况，我需要能够将新行与前一行对齐，但前一行已经拆分，使得对齐/大小调整不是很简单。我必须与之对齐的行分为两个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>

问题在于我无法立即对齐新行，因为现有行基本上分为八列，而8不会分为12列。

我能提出的最接近的事情是将类似于现有行的新行拆分为两个col-md-6容器，第一个分为col-md-3，然后是第二个{{ 1}}容器有一个col-md-6 div。这会按照我想要的方式对齐事物，但整个行都没有填充。 （我可以以某种方式将该元素一直延伸到行的末尾吗？）

我不想更改上一行的格式，我更喜欢在Bootstrap框架内工作，而不必编写任何自定义容器。有没有办法获得正确的对齐和大小？