为什么我的导航栏的自举不品牌内嵌

<!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>Bootstrap 101 Template</title> 
 

 
    <!-- Bootstrap --> 
 
    <link href="css/bootstrap.min.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.2/html5shiv.min.js"></script> 
 
     <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> 
 
    <![endif]--> 
 

 
    <style> 
 

 

 
    </style> 
 
    </head> 
 

 

 
<body> 
 

 

 
<div class="navbar navbar-default"> 
 

 
    <div class="container"> 
 

 
    <div class="navbar-header"> 
 
     <button class="navbar-toggle" data-toggle="collapse" data-target="navbar-collapse"> 
 
      <span class="icon bar"></span> 
 
      <span class="icon bar"></span> 
 
      <span class="icon bar"></span> 
 
     </button> 
 

 
     <a class="navbar-brand" href="#">MyBinge</a> 
 
    </div> 
 

 
    <div class="collapse navbar-collapse"> 
 

 
    </div> 
 

 
<ul class="nav navbar-nav"> 
 
     <li class="active"><a href="#">get started</a></li> 
 
     <li><a href="#">tell us</a></li> 
 
     <li><a href="#">about this project</a></li> 
 
</ul> 
 

 

 

 

 
    </div> 
 
</div> 
 
<!-- Latest compiled and minified JavaScript --> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> 
 

 

 
</body> 
 

 
</html>

我试图找出为什么我的导航栏的品牌是不符合导航栏内容的其余线路。我已经试过这个帖子里的解决方案Why is my bootstrap navbar not displaing inline?

谢谢提前！ :)

来源

2016-05-13 JangoCG

我设法解决它自己。我在ul列表之前关闭了<div class="collapse navbar-collapse">的div。我真的是新的编码，但我希望这可以帮助别人

来源

2016-05-13 20:36:52 JangoCG

不要在ul之前关闭div。包括像这样

<div class="collapse navbar-collapse"> 
 
    <ul class="nav navbar-nav"> 
 
    <li class="active"><a href="#">get  
 
     started</a></li> 
 
     <li><a href="#">tell us</a></li> 
 
     <li><a href="#">about this project</a></li> 
 
    </ul> 
 
</div>

类.nav .navbar-NAV的UL

来源

2016-07-21 12:58:35 ctorres

为什么我的导航栏的自举不品牌内嵌

回答

相关问题