2017-10-19 2 views
0

Chaque fois que j'essaie d'exécuter le code, son rendu n'est pas correct, chaque composant de navigation reste collé entre eux plutôt qu'avec une barre de navigation appropriée.Le composant de navigation ne s'affiche pas correctement dans Bootstrap

<body> 

    <div class="container"> 
     <br /> 
     <form> 
      <div class="row"> 
       <div class="col-xs-12"> 
        <ul class="nav nav-tabs"> 
         <li class="active">Home</li> 
         <li> About </li> 
         <li> Products </li> 
         <li> Login </li> 
         <li> Trending </li> 
         <li> Contact </li> 
        </ul> 
       </div> 
      </div> 
     </form> 

    </div> 
</body> 
+0

Pourquoi avez-vous une balise ''

entourant votre 'nav' et pourquoi votre' nav' pas une étiquette '
+0

sorcière bootstrap pour utilisé? – core114

+0

et je suis d'accord avec vous @NeilPatrao – core114

Répondre

1

Vous devez ajouter une balise d'ancrage à l'intérieur li

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="container"> 
 
    <br /> 
 
    <form> 
 
     <div class="row"> 
 
      <div class="col-xs-12"> 
 
       <ul class="nav nav-tabs"> 
 
        <li class="active"><a href="#">Home</a></li> 
 
        <li> <a href="#">About</a> </li> 
 
        <li> <a href="#">Products</a> </li> 
 
        <li><a href="#">Login</a> </li> 
 
        <li><a href="#">Trending</a> </li> 
 
        <li><a href="#">Contact</a> </li> 
 
       </ul> 
 
      </div> 
 
     </div> 
 
    </form> 
 

 
</div>

+1

Votez pour vous – core114