Как создать панель вкладок Android с помощью Bootstrap для веб-страниц?

Question

Как создать панель вкладок Android (пример панели вкладок приложения WhatsApp) с помощью Bootstrap для веб-страниц? Спасибо за ваш ответ

Answer 1

Вы можете использовать компонент начальной загрузки nav с параметром justified для элементов навигации одинаковой ширины, аналогичных панели вкладок в Android.

Пример кода (из Bootstrap 4.3 документы):

<nav class="nav nav-pills nav-justified">
  <a class="nav-item nav-link active" href="#">Active</a>
  <a class="nav-item nav-link" href="#">Much longer nav link</a>
  <a class="nav-item nav-link" href="#">Link</a>
  <a class="nav-item nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
</nav>