Добавить текстовую подсказку в 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) как часть кнопки, чтобы ее можно было нажать, что было бы здорово. Заранее спасибо за вашу помощь с этим решением!

Ответы на вопрос(4)

Ваш ответ на вопрос