Bootstrap_导航条

一、基础导航条

　　在制作一个基础导航条时，主要分以下几步：

　　第一步：首先在制作导航的列表(<ul class=”nav”>)基础上添加类名“navbar-nav”

　　第二步：在列表外部添加一个容器（div），并且使用类名“navbar”和“navbar-default”

<div class="navbar navbar-default">  <!-- 导航条标题--> 　<div class="navbar-header"> 　  <a href="##" class="navbar-brand">LOGO</a> 　</div> <!-- 基础导航条--> <ul class="nav navbar-nav">  <li><a href="##">网站首页</a></li>  <!-- 二级菜单-->  <li class="dropdown">   <a href="##" data-toggle="dropdown" class="dropdown-toggle">系列教程<span class="caret"></span></a>   <ul class="dropdown-menu">    <li><a href="##">CSS3</a></li>    <li><a href="##">JavaScript</a></li>    <li class="disabled"><a href="##">PHP</a></li>   </ul>  </li>  <li><a href="##">名师介绍</a></li>  <li><a href="##">成功案例</a></li>  <li><a href="##">关于我们</a></li> </ul> <!-- 搜索表单--> <form action="##" class="navbar-form navbar-left">  <div class="form-group">   <input type="text" class="form-control" placeholder="请输入关键词" />  </div>  <button type="submit" class="btn btn-default">搜索</button> </form></div>

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：Bootstrap_导航条

关键词：