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

I am using bootstrap and I would like to show only my toggle button when the screen rotates around 650px, then When it is in section X, I think.

My code is

  & lt; Div class = "col-lg-6 col-md-6 col-md-pul-1 call-sm-7 pen-xs-5" & gt; & Lt; Button class = "navbar-toggle" data-target = "# menu" data-toggle = "fall" type = "button" & gt; & Lt; Span class = "icon-bar" & gt; & Lt; / Span & gt; & Lt; Span class = "icon-bar" & gt; & Lt; / Span & gt; & Lt; Span class = "icon-bar" & gt; & Lt; / Span & gt; & Lt; / Button & gt; & Lt; Div id = "menu" class = "navbar-fall" style = "" & gt; & Lt; Ul class = "nav nav-pills menu" & gt; & Lt; Li class = "new_times" & gt; & Lt; A href = "http: // localhost: 8888 / square-cms /" & gt; Home & lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "new_times" & gt; & Lt; A href = "http: // localhost: 8888 / square-cms / index.fip? Section = 2" & gt; About the US & lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "active" & gt; & Lt; A href = "http: // localhost: 8888 / square-cm / index.fp? Section = 3" & gt; Portfolio & lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "new_times" & gt; & Lt; A href = "http: // localhost: 8888 / square-cm / index.php? Section = 4" & gt; Contact America & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt; / Div & gt;  

The only way is the CSS media queries.

If I understand you correctly, then I think you can write a style in a media query like this. > Play around with the property

  @ to hide / show / media only screen and (max-width: 650px) {}  < / Pre>