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>
答
您应该添加锚标记内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
为你投票 – core114
为什么你有你的周围'nav'了''
女巫bootstrap使用? – core114
我同意你@NeilPatrao – core114