css - Twitter ブートストラップを使用してマスター/詳細 UI にサイドバーを作成する

Question

Twitter ブートストラップを使用して、以下のコードでマスター/詳細 UI にサイドバーを作成しようとしています。問題は、下の画像に示すように、サイドバーが常にメイン コンテンツまたは詳細セクションのすぐ上に表示されることです。これを修正するための提案は役に立ちます。ありがとう。

<div class="container-fluid">
   <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
       </div>
  </div>

  <div class="row-fluid">
     <ul class="nav nav-list span3 well pull-right">
      <li> <a href="#"> Home </a> </li>
      <li> <a href="/posts"> Post </a> </li>
     </ul>

    <div class="span9 well">

    </div>

 </div>
</div>

これは、使用される唯一のカスタム CSS です。

 body{padding: 60px 10px 10px 10px;}

解決済み

私の問題の原因は、< div class="container-fluid" > が外側の行クラス (例: < div class="row-fluid" >) でラップされていなかったことです。それをしたら、すべてがうまくいきました。