Le composant de navigation ne s'affiche pas correctement dans Bootstrap

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>

Source

2017-10-19 harshsparikh

Pourquoi avez-vous une balise ''

sorcière bootstrap pour utilisé? – core114

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

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>

Source

2017-10-19 10:56:01 kiranvj

Votez pour vous – core114

Le composant de navigation ne s'affiche pas correctement dans Bootstrap

Répondre

Questions connexes