twitter-bootstrap - Bootstrap のグリッド配置に関する問題

Question

私はこのレイアウトが必要です（写真を参照）、私はたくさん試しましたが、何もうまくいきません..ここに私のコードがあります：

<div class="row content-container">

            <div class="col-md-9" id="map-content">
            <h1>#Map</h1>

        </div> <!-- MAP -->

        <div class="col-md-3" id="route">
        <h1>#Route</h1>
        </div> <!-- Route -->

        <div class="col-md-9" id="breadcrumbs">
        </div> <!-- Breadcrumbs -->


    </div> <!--Row Content--> 

Answer 1

このフィドルをチェックしてください。

<div class="container">

  <div class="row ">

    <div class="col-xs-6">
      <div class="col-xs-12" style="background: green; height: 60px;">Aaa</div>
      <div class="col-xs-12" style="background: red; height: 60px;">Bbb</div>
    </div>
      <div class="col-xs-6" style="background: blue; height: 120px;">Bbb</div>

  </div>  

</div>