Javascript 我可以让导航栏在电脑上显示导航并在手机上指向新的url吗？

我有4个导航标签，按下时显示不同的导航。在手机上，我希望他们点击时不显示任何内容，而是直接指向特定的url。有人知道这怎么可能吗

使用引导隐藏和显示

导航

标记-在

标记中使用不同的导航url

 <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>

参考资料：