2016-08-18 2 views
0

Так что по какой-либо причине кнопка «Главная» или ссылка не отображается на панели навигации. если есть какие-либо советы о том, как заставить это работать, это будет очень полезно. Благодаря!Bootstrap navigation not working link не отображается

(это другой вопрос. Я не видел ни одного вопроса с этой же проблемой)

<!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> 
 

 

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

 

 

 

 

 

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

 
    \t \t \t <div class="container"> 
 

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

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

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

 
    \t \t \t \t \t </li> 
 

 
    \t \t \t \t \t </ul> 
 
    \t \t \t \t </div> 
 

 

 

 

 
    \t \t </div> 
 

 
</div> 
 

 

 

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

 

 

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

 

 

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

 
    \t \t </div> 
 

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

 
    \t \t </div> 
 

 

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

 
    \t \t </div> 
 

 

 

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

 
    \t \t </div> 
 

 

 
\t </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>

ответ

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> 

Домашняя ссылка показывает вверх. Вы хотите его в сворачивающемся меню?