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