如何使右側欄的高度與主內容的高度一致

我是Twitter Bootstrap框架和CSS的新手。如何使右側欄的高度與主內容的高度一致

我希望我的右邊欄高度與我的主要內容的高度一致。我應該怎麼做。

<!DOCTYPE HTML> 
<html lang="en"> 
<head> 
    <link href="includes/Bootstrap/css/bootstrap.css" rel="stylesheet"> 
    <link href="includes/Bootstrap/css/bootstrap-responsive.css" rel="stylesheet"> 
</head> 
<body> 
    <div class="page-container"> 
     <div class="container"> 
      <div class="container-fluid"> 
       <header class="margin-top"> 
        <div class="row-fluid"> 
         <img border=0 src="images/header.jpg" alt=""> 
        </div> 
       </header> 

       <div class="row-fluid"> 
        <div class="span3"> 
         <div class="well sidebar-nav"> 
          <ul class="nav nav-list"> 
           <li><a href="index.php">Home</a></li> 
           <li><a href="contact-us.php">Contact&nbsp;</a></li> 
           <li><a href="about-us.php">About&nbsp;Us</a></li> 
          </ul> 
         </div><!--/.well --> 
        </div><!--/span--> 
        <div class="span9"> 
         <div class="hero-unit"> 
          If I have a long content here.. The sidebar does not follow the height of the content. 
         </div> 
        </div><!--/span--> 
       </div><!--/row--> 
      </div><!--/.fluid-container--> 
     </div> 
    </div> 
</body> 
</html>

來源

2013-08-06 user2656324

你可以添加一些更說明你的問題？ – V15HM4Y

檢查acepted答案@ http://stackoverflow.com/questions/9143971/using-twitter-bootstrap-2-0-how-to-make-equal-column-heights/14004830#14004830 –