Bootstrap导航无法正常工作链接

时间:2016-08-18 14:04:59

标签: twitter-bootstrap

因此出于某种原因,“主页”按钮或链接未显示在导航栏上。如果有任何关于如何使其工作的建议,那将是非常有帮助的。谢谢!

(这是另一个问题。我没有看到同样问题的任何问题)

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Title</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/styles.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>


	<div class="container" id="main">






  		<div class="navbar navbar-fixed-top">

  			<div class="container">

  				<a class="nav-brand" href="">LOGO HERE</a>

  				<div class=" nav_collapse collapse navbar-responsive-collapse">
  					<ul class="nav navbar-nav">

  					<li>
  						<a href="">Home</a>

  					</li>

  					</ul>
  				</div>




  		</div>

</div>



  		<div class= "carousel slide" id="myCarousel">
  			
  		</div>



  		<div class="row" id = "bigCallout">
  			
  		</div>



  		<div class="row" id="featureHeading">

  		</div>

  		<div class="row" id="features">

  		</div>


  		<div class="row" id="moreInfo">

  		</div>



  		<div class="row" id="moreCourses">

  		</div>


	</div>

























    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery-3.1.0.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>

1 个答案:

答案 0 :(得分:0)

你想在崩溃中做什么?

如果您只是这样做:

<div class="navbar navbar-fixed-top">
  <div class="container">
    <a href="#" class="navbar-brand">Logo Here</a>
    <div class="nav navbar-nav">
      <li><a href="#">Home</a></li>
    </div>
  </div>
</div>

显示主页链接。你想要它在可折叠的菜单中吗?