Responsive design 如何使导航栏具有响应性_Responsive Design_Twitter Bootstrap 3_Navbar

Responsive design 如何使导航栏具有响应性

responsive-design twitter-bootstrap-3

Responsive design 如何使导航栏具有响应性,responsive-design,twitter-bootstrap-3,navbar,Responsive Design,Twitter Bootstrap 3,Navbar,我认为它没有响应，因为我添加了navbar fixed top，而不是bootstrap使用的navbar默认设置。你知道如何在导航条固定的情况下使其响应吗 <nav class="navbar navbar-fixed-top" role="navigation"> 这对我有用下面是一个它应该是什么样子的示例 <head> <link href="styles/bootstrap.css" rel="stylesheet"> <scri

我认为它没有响应，因为我添加了navbar fixed top，而不是bootstrap使用的navbar默认设置。你知道如何在导航条固定的情况下使其响应吗

<nav class="navbar navbar-fixed-top" role="navigation">

这对我有用下面是一个它应该是什么样子的示例

 <head>
 <link href="styles/bootstrap.css" rel="stylesheet"> 
 <script src="js/bootstrap.js"></script>
 </head>

       <div class="navbar navbar-fixed-top" role="navigation">
    <div class="container-fluid">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#"><img src="assets/images/logo.png" alt="">  </a>
      </div>
      <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav">
          <li><a href="#">Book</a></li>
           <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-align-justify"></span> Table of Contents</a>
            <ul class="dropdown-menu">
              <li><a href="#">content 1</a></li>
              <li><a href="#">content 2</a></li>
              <li><a href="#">content 3</a></li>

            </ul>
          </li>
        </ul>

      </div><!--/.nav-collapse -->
    </div><!--/.container-fluid -->
  </div>


切换导航

您还可以在引导站点上看到许多工作导航栏的示例

Bootstrap 3已在所有设备上完全响应。Hm。由于某些原因，它没有响应……那么你就遗漏了一些东西，请确保你在页面的开头有这些内容。根据需要更改路径，它就在那里。我在上面添加了导航条代码。什么是class=“toggle transparent tof”我认为它没有响应，因为导航条是固定的。看看上面。您知道如何解决这个问题吗？导航栏固定顶由引导程序使用，响应速度快。我建议您删除导航栏并使用其中一个引导示例。在你有了一个这样的人之后，试着根据你的喜好编辑它。