Twitter bootstrap 如何使切换按钮仅显示在引导中的特定宽度上

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=

我使用的是引导,我希望我的切换按钮只在屏幕达到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="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){

}

欢迎来到苏赤壁!看看《欢迎来到如此赤壁》!看看《欢迎来到如此赤壁》!看看《欢迎来到如此赤壁》!看一看我放的“最大宽度/最小宽度”,因为我不知道你是想显示在这个宽度之下还是之上。所以你应该选择一个符合你需要的,我把“最大宽度/最小宽度”放进去,因为我不知道你是想把它显示在这个宽度下面还是上面。所以你应该选择一个符合你需要的,我把“最大宽度/最小宽度”放进去,因为我不知道你是想把它显示在这个宽度下面还是上面。所以你应该选择一个符合你需要的,我把“最大宽度/最小宽度”放进去,因为我不知道你是想把它显示在这个宽度下面还是上面。所以你应该选择一个符合你需要的