In bootstrap 3, how to make it so that in small (sm) the menu would be displayed as only one button?

Question

Bootstrap

Now this only happens in xs. Here is the code:

<div class="row">
        <nav class="navbar navbar-default navbar-inverse">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <div class="collapse navbar-collapse" id="collapse">
             <ul class="nav navbar-nav">
                 <li><a href="#">Главная</a></li>
         <li><a href="#">О сайте</a></li>
         <li><a href="#">Услуги</a></li>
         <li class="active"><a href="#">Портфолио</a></li>
         <li><a href="#">Контакты</a></li>
                </ul>
            </div>
        </nav>
</div>

Answer 1

go here getbootstrap.com/customize
look for @grid-float-breakpoint
and change to screen-md-min