Twitter bootstrap 如何使切换按钮仅显示在引导中的特定宽度上
我使用的是引导,我希望我的切换按钮只在屏幕达到650px左右时才显示,所以我想这应该是在col-xs部分 我的代码是Twitter bootstrap 如何使切换按钮仅显示在引导中的特定宽度上,twitter-bootstrap,Twitter Bootstrap,我使用的是引导,我希望我的切换按钮只在屏幕达到650px左右时才显示,所以我想这应该是在col-xs部分 我的代码是 <div class="col-lg-6 col-md-6 col-md-pull-1 col-sm-7 col-xs-5"> <button class="navbar-toggle" data-target="#menu" data-toggle="collapse" type="button"> <span class=
<div class="col-lg-6 col-md-6 col-md-pull-1 col-sm-7 col-xs-5">
<button class="navbar-toggle" data-target="#menu" data-toggle="collapse" type="button">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div id="menu" class="navbar-collapse collapse in" style="">
<ul class="nav nav-pills menu">
<li class="nav_item">
<a href="http://localhost:8888/Quadrature-cms/">HOME</a>
</li>
<li class="nav_item">
<a href="http://localhost:8888/Quadrature-cms/index.php?section=2">ABOUT US</a>
</li>
<li class="active">
<a href="http://localhost:8888/Quadrature-cms/index.php?section=3">PORTFOLIO</a>
</li>
<li class="nav_item">
<a href="http://localhost:8888/Quadrature-cms/index.php?section=4">CONTACT US</a>
</li>
</ul>
</div>
</div>
-
-
-
-
请查看以了解。但是,基本上你应该做如下事情:
CSS
.navbar-toggle {
display:none;
}
@media only screen and (max-width/min-width: 650px) {
.navbar-toggle {
display:block;
}
}
请看下面的示例,以获得理解。但是,基本上你应该做如下事情:
CSS
.navbar-toggle {
display:none;
}
@media only screen and (max-width/min-width: 650px) {
.navbar-toggle {
display:block;
}
}
请看下面的示例,以获得理解。但是,基本上你应该做如下事情:
CSS
.navbar-toggle {
display:none;
}
@media only screen and (max-width/min-width: 650px) {
.navbar-toggle {
display:block;
}
}
请看下面的示例,以获得理解。但是,基本上你应该做如下事情:
CSS
.navbar-toggle {
display:none;
}
@media only screen and (max-width/min-width: 650px) {
.navbar-toggle {
display:block;
}
}
一种方法是CSS媒体查询 如果我理解正确,我认为您可以在这样的媒体查询中编写样式。 使用
display
属性进行隐藏/显示
@media only screen and (max-width:650px){
}
一种方法是CSS媒体查询 如果我理解正确,我认为您可以在这样的媒体查询中编写样式。 使用
display
属性进行隐藏/显示
@media only screen and (max-width:650px){
}
一种方法是CSS媒体查询 如果我理解正确,我认为您可以在这样的媒体查询中编写样式。 使用
display
属性进行隐藏/显示
@media only screen and (max-width:650px){
}
一种方法是CSS媒体查询 如果我理解正确,我认为您可以在这样的媒体查询中编写样式。 使用
display
属性进行隐藏/显示
@media only screen and (max-width:650px){
}
欢迎来到苏赤壁!看看《欢迎来到如此赤壁》!看看《欢迎来到如此赤壁》!看看《欢迎来到如此赤壁》!看一看我放的“最大宽度/最小宽度”,因为我不知道你是想显示在这个宽度之下还是之上。所以你应该选择一个符合你需要的,我把“最大宽度/最小宽度”放进去,因为我不知道你是想把它显示在这个宽度下面还是上面。所以你应该选择一个符合你需要的,我把“最大宽度/最小宽度”放进去,因为我不知道你是想把它显示在这个宽度下面还是上面。所以你应该选择一个符合你需要的,我把“最大宽度/最小宽度”放进去,因为我不知道你是想把它显示在这个宽度下面还是上面。所以你应该选择一个符合你需要的