Могу ли я сделать так, чтобы навигационные панели отображали навигационные данные на компьютере и перенаправляли их на новые ссылки на мобильных устройствах?

Question

У меня есть 4 navtabs, которые при нажатии отображают разные #navs.На мобильном телефоне я бы хотел, чтобы при нажатии на них ничего не отображалось, а вместо этого указывалось на конкретный URL.Кто-нибудь понял, как это возможно?

Answer 1

Использование Bootstrap скрывать и показывать nav теги - использовать разные навигационные URL в <li> тегах

 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<!--Below nav Visible only in Mobile-->
    <nav class="navbar navbar-expand-sm bg-light visible-xs">
      <ul class="navbar-nav">
        <li class="nav-item">
          <a class="nav-link" href="#link1">Link 1</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#link2">Link 2</a>
        </li>
      </ul>
    </nav>
    <!--Below nav will be hide in Mobile view-->
        <nav class="navbar navbar-expand-sm bg-light hidden-xs">
          <ul class="navbar-nav">
            <li class="nav-item">
              <a class="nav-link" href="#link1">Link 1</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#link3">Link 2</a>
            </li>
          </ul>
        </nav>

Ссылка: https://getbootstrap.com/docs/3.3/css/