Nav组件在引导程序中无法正确呈现

每当我尝试运行代码时，代码都不能正确呈现，每个导航组件都会互相粘贴，而不是正确的导航栏。Nav组件在引导程序中无法正确呈现

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

来源

2017-10-19 harshsparikh

为什么你有你的周围'nav'了''

女巫bootstrap使用？ – core114

我同意你@NeilPatrao – core114

您应该添加锚标记内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>

来源

2017-10-19 10:56:01 kiranvj

为你投票 – core114

Nav组件在引导程序中无法正确呈现

回答

相关问题