双重引导简单的侧边栏

Question

在我使用的来源是：http://startbootstrap.com/template-overviews/simple-sidebar/

我无法使它这样我可以有两种这些简单的工具条中。我正在努力让页面的每一面都有一个（左边一个，右边一个）。现在，默认情况是侧边栏位于左侧。每个侧栏将由2个独立的按钮激活。

**注意在

< div id="wrapper" >

- 改变

< div id="wrapper" class="toggled">

Answer 1

您可以通过在HTML页面，并在CSS其相应的样式添加菜单添加其他侧边栏的权利。

HTML：

<!-- Right - Sidebar --> 
    <div id="sidebar-wrapper-right"> 
     <ul class="sidebar-nav"> 
      <li class="sidebar-brand"> 
       <a href="#"> 
        Right toggle 
       </a> 
      </li> 
      <li> 
       <a href="#">Dashboard</a> 
      </li> 
      <li> 
       <a href="#">Shortcuts</a> 
      </li> 
      <li> 
       <a href="#">Overview</a> 
      </li> 
      <li> 
       <a href="#">Events</a> 
      </li> 
      <li> 
       <a href="#">About</a> 
      </li> 
      <li> 
       <a href="#">Services</a> 
      </li> 
      <li> 
       <a href="#">Contact</a> 
      </li> 
     </ul> 
    </div> 
    <!-- /#sidebar-wrapper --> 

CSS：

#sidebar-wrapper-right { 
z-index: 1000; 
position: fixed; 
right: 250px; 
width: 0; 
height: 100%; 
margin-right: -250px; 
overflow-y: auto; 
background: #000; 
-webkit-transition: all 0.5s ease; 
-moz-transition: all 0.5s ease; 
-o-transition: all 0.5s ease; 
transition: all 0.5s ease; 
} 

查看工作JS提琴在这里：DEMO

Answer 2

你需要不同的风格添加到您的侧栏在一个侧边栏包装类，就像这样。

#sidebar-wrapper{ 
margin-left: 80%;// change this for your own properties 
left: 20% 
}