How to get the toggle button to only show on a specific width in bootstrap -

How to get the toggle button to only show on a specific width in bootstrap -

i'm using bootstrap , toggle button show when screen hits around 650px when it's in col-xs section, think.

my code is

<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>

one way css media queries.

if understood correctly, think can write styling within media query this. play around display property hide/show.

@media screen , (max-width:650px){ }

twitter-bootstrap