Странные кнопка тегов в шаблоне бутстраповской

Question

Я нашел эту кнопку тег в базовом начальной загрузке HTML template (я добавил стрелку)

<div class="navbar-header"> 
    --> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> 
     <span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
    --> </button> 
     <a class="navbar-brand" href="#">Project name</a> 
    </div> 

Это полностью невидимое (по крайней мере для меня), и это, кажется, не имеют какой-либо эффект (это не происходит, когда я нажимаю).

Предполагается, что это так, и в чем его смысл?

Answer 1

Это меню для небольших дисплеев, таких как смартфоны. На большом экране он будет скрыт.

Answer 2

Куда кнопка: Эта кнопка может быть видна при уменьшении ширины веб-страницы либо путем увеличения, либо с помощью мобильного устройства для доступа к веб-странице.

Эта кнопка служит для: Эта кнопка используется для переключения выпадающего меню на мобильных устройствах.

Эти три линии сложены друг на друга кнопка:

Answer 3

В дополнение к указанным выше ответов.

Для того чтобы кнопка имела рабочую функциональность, вам необходимо загрузить библиотеку jquery и сразу после нее загрузочную библиотеку jQuery. Они могут быть включены либо в тег заголовка вашего html-кода, либо непосредственно перед тегом тега (второй вариант - лучшая практика). Попробуй так (CDN используется):

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>