Jasny Bootstrap改变了

我正在寻找我的管理模板的侧边栏，我想使用jasnybootstrap。 我的目标是调整内容的大小，不要翻译出屏幕。

类似的效果是http://startbootstrap.com/template-overviews/simple-sidebar/

我希望有人可以告诉我是否有可能获得这样的结果。

 Brand 
 
Home
 
Link
 
Link
 
 
 
      
 
 
 
 
Jasny Bootstrap starter template
 
Use this fiddle to demonstrate an issue with Jasny Bootstrap or to show an example using Jasny Bootstrap.
 
 
  

http://jsfiddle.net/k9K5d/13/

提前致谢

Answer 1

我使用CSS制作了它。

 #myNavmenu ~ .container { padding-left: 10px; } #myNavmenu.canvas-slid ~ .container { padding-left: 320px; } 

http://jsfiddle.net/k9K5d/14/

我用Jquery做了。

 http://jsfiddle.net/k9K5d/15/ // JS $(".navbar-toggle").click(function(e) { e.preventDefault(); $(".container").toggleClass("slide"); }); // CSS .container.slide { padding-left: 10px; } .container { padding-left: 320px; } 

http://jsfiddle.net/k9K5d/15/

您只需要为类’container’更改padding-left属性。