<div class="navbar navbar-default" role="navigation">
    <div class="navbar-header">
        <a href="#" class="navbar-brand">慕课网</a>
    </div>
    <ul class="nav navbar-nav">
        <li class="active"><a href="#">网站首页</a></li>
        <li class="dropdown">
           <a href="#" class="dropdown-toggle" data-toggle="dropdown">系列教程<span class="caret"></span></a>
           <ul class="dropdown-menu">
               <li class="active"><a href="#">CSS</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-right" role="search">
        <div class="form-group">
            <input type="text" class="form-control" placeholder="请输入关键词">
        </div>
        <button class="btn btn-default">搜索</button>
    </form>
</div>