logo顯示的位置不對
照著課程寫的代碼如下：
<!DOCTYPE html>
<html>
? <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 rel="stylesheet" href="css/bootstrap.min.css">
?? ?<link rel="stylesheet" href="css/style.css">
??? <!-- 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]-->
? <style>
</style>
? </head>
? <body>
? <nav class="navbar navbar-default" role="navigation">
?? <div>
??? <div>
?? ? <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
?? ? <span>Toggle navigation</span><span></span>
?? ? <span></span><span></span>
?? ? <a href="#">現(xiàn)代瀏覽器博物館</a>
?? ?</div>
?? ?<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
?? ? <ul class="nav navbar-nav">
?? ?? <li><a href="#">Link</a></li>
?? ?? <li><a href="#">Link</a></li>
?? ? </ul>
?? ?</div>
?? </div>
? </nav>
??? <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
??? <script src="js/jquery.min.js"></script>
??? <!-- Include all compiled plugins (below), or include individual files as needed -->
??? <script src="js/bootstrap.min.js"></script>
? </body>
</html>
?運行后,縮小瀏覽器logo現(xiàn)代瀏覽器博物館顯示的位置不對，顯示在三條橫線的下面，請問是什么原因？如下
圖：
2017-04-05
logo加上樣式navbar-brand
2017-04-05
nav標(biāo)簽加個 navbar-fixed-top 樣式，試試