Добавить текстовую подсказку в Bootstrap Navbar Toggle Button на Mobile-View
Некоторые тесты показали, что кнопка «гамбургер» для складных меню на мобильных устройствах является загадкой для пользователей, и я хотел бы добавить слово «Меню» рядом с моей кнопкой меню Bootstrap, как видно на мобильном экране.
Для дальнейшего чтения прочитайте эту статью: «Гамбургер вреден для вас»:http://mor10.com/hamburger-bad/
Вот основной код начальной загрузки:
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<!-- Represents navbar collapsed menu on smaller screens -->
<span class="sr-only">Toggle navigation</span>
<!-- 3 horizontal lines on small screen nav button -->
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
Итак, я хотел бы добавить слово «МЕНЮ» рядом со значком на мобильном телефоне. Я сделал макет того, о чем говорю, но у меня недостаточно высокой репутации на SO, чтобы опубликовать его.
Проверьте это здесь:https://imgur.com/M7hGS7F
К вашему сведению, это макет, фактическая страница Bootstrap не содержит текст MENU, иначе я бы просто посмотрел на источник.Если бы вы могли предоставить информацию о том, как включить, - это (A) просто текст рядом с кнопкой & (B) как часть кнопки, чтобы ее можно было нажать, что было бы здорово. Заранее спасибо за вашу помощь с этим решением!