Javascript Jasny引导变化
我在寻找我的管理模板的边栏,我想使用jasnybootstrap。 我的目标是调整内容的大小,而不是将其翻译出屏幕 类似的效果是这样的 我希望有人能告诉我是否有可能获得这样的结果Javascript Jasny引导变化,javascript,jquery,css,twitter-bootstrap,jasny-bootstrap,Javascript,Jquery,Css,Twitter Bootstrap,Jasny Bootstrap,我在寻找我的管理模板的边栏,我想使用jasnybootstrap。 我的目标是调整内容的大小,而不是将其翻译出屏幕 类似的效果是这样的 我希望有人能告诉我是否有可能获得这样的结果 <nav id="myNavmenu" class="navmenu navmenu-default navmenu-fixed-left offcanvas" role="navigation"> <a class="navmenu-brand" href="#">Brand</a&
<nav id="myNavmenu" class="navmenu navmenu-default navmenu-fixed-left offcanvas" role="navigation">
<a class="navmenu-brand" href="#">Brand</a>
<ul class="nav navmenu-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</nav>
<div class="navbar navbar-default navbar-fixed-top">
<button type="button" class="navbar-toggle" data-toggle="offcanvas" data-target="#myNavmenu" data-canvas="body">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="container">
<div class="row">
<div class="col-sm-12">
<h1>Jasny Bootstrap starter template</h1>
<p class="lead">Use this fiddle to demonstrate an issue with Jasny Bootstrap or to show an example using Jasny Bootstrap.</p>
</div>
</div>
</div>
Jasny引导启动程序模板
使用此提琴演示Jasny引导的问题或显示使用Jasny引导的示例
提前感谢我用CSS制作了它
#myNavmenu ~ .container {
padding-left: 10px;
}
#myNavmenu.canvas-slid ~ .container {
padding-left: 320px;
}
我已经使用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;
}
您只需要更改类“container”的padding left属性。我使用CSS进行了更改
#myNavmenu ~ .container {
padding-left: 10px;
}
#myNavmenu.canvas-slid ~ .container {
padding-left: 320px;
}
我已经使用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;
}
您只需要更改类“container”的padding left属性。我使用CSS进行了更改
#myNavmenu ~ .container {
padding-left: 10px;
}
#myNavmenu.canvas-slid ~ .container {
padding-left: 320px;
}
我已经使用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;
}
您只需要更改类“container”的padding left属性。我使用CSS进行了更改
#myNavmenu ~ .container {
padding-left: 10px;
}
#myNavmenu.canvas-slid ~ .container {
padding-left: 320px;
}
我已经使用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;
}
您只需要更改类“container”的padding left属性。谢谢您给出的精彩回答。唯一的问题是,一旦关闭侧边栏,容器就不会在大屏幕上显示出来乐于帮助@MarcoGurnariI感谢您给出的精彩回答。唯一的问题是,一旦关闭侧边栏,容器就不会在大屏幕上显示出来乐于帮助@MarcoGurnariI感谢您给出的精彩回答。唯一的问题是,一旦关闭侧边栏,容器就不会在大屏幕上显示出来乐于帮助@MarcoGurnariI感谢您给出的精彩回答。唯一的问题是,一旦关闭侧边栏,容器就不会在大屏幕上显示出来