Twitter bootstrap 引导边栏和内容宽度

我是一个初学者，在创建响应模板，我想创建一个布局与引导应用程序像这个网站

主分区是边栏和内容分区，看起来像我上面提到的站点

问题是，当我在自己的页面上应用它时，响应部分不起作用，就像一个正常的没有响应的模板。我已经有了一个响应模板的所有js要求，但它仍然不能工作

以下是我的html代码：

 <div class="sidebar">
  <ul style="background:#aaa; margin-left:0 !important;">
    <li>list1</li>
    <li>list2</li>
  </ul>
</div>

<div class="content">
  <div class="container-fluid"> 
      This is a sample content
  </div>
</div> 

在bootstrap-responsive.css中，我放了以下内容：

@media (max-width: 767px){
 .content{
   margin-left:0 !important;
 }
}
@media (max-width: 767px){
 .sidebar{
   float:none;
   width:100%;
  }
 .sidebar > ul{
   width:100%;
   position:relative;
 }
}

---

要使twitter引导具有响应性，您不仅必须使用引导JS和css文件，还必须使用响应css文件，如下所示：

<link rel="stylesheet" type="text/css" href="/AgTracker/resources/css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="/AgTracker/resources/css/bootstrap-responsive.min.css"/>

您正在使用这两个文件吗？有关更多详细信息，请参阅

<link rel="stylesheet" type="text/css" href="/AgTracker/resources/css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="/AgTracker/resources/css/bootstrap-responsive.min.css"/>