Question

是否可以自定义折叠导航栏的内容？

例如：

我在我的顶部导航栏中：登录/注册

我在我的网站栏目中（非导航栏）类别：电子，体育，家庭。

是否可以将所有这些链接折叠到自定义导航栏中？

登录寄存器分类电子体育家

感谢您的帮助，

Answer 1

当您有折叠的导航栏时，您希望在显示这些链接的问题中理解我的内容。否则不显示它们 - 登录注册类别电子竞技主页它将以折叠模式显示类别，仅在大中型显示器上显示品牌名称。

＆＃13;

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  
    
    <nav class="navbar navbar-inverse">
      <div class="container-fluid">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">WebSiteName</a>
        </div>
        <div class="collapse navbar-collapse" id="myNavbar">
          <ul class="nav navbar-nav">
            <li class="active hidden-md hidden-lg"><a href="#">Home</a></li>
            
            <li class="hidden-md hidden-lg"><a href="#">Electronics</a></li>
            <li class="hidden-md hidden-lg"><a href="#"></a>Sports</li>
          </ul>
          <ul class="nav navbar-nav navbar-right hidden-md hidden-lg ">
            <li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
            <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
          </ul>
        </div>
      </div>
    </nav>

＆＃13;

Bootstrap自定义折叠导航栏

1 个答案: