Bootstrap 导航条

<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <!--navigation does here-->
        </div>
    </div>
</div> 

现在，让我们把 替换为下面的代码，用来创建导航的第一个集合。请注意，这里的 "brand" class 以不同的方式呈现，这可以用来呈现您的公司名称或组织名称。

<ul class="nav">
    <li class="active">
        <a class="brand" href="#">runoob</a>
    </li>
    <li><a href="#">About</a></li>
    <li><a href="#">Portfolio</a></li>
    <li><a href="#">Contact</a></li>
</ul>

如果需要创建下拉菜单，需要紧跟着在最后一个代码块中显示的 HTML 代码后，插入下面的代码。

<ul class="nav">
    <li class="dropdown">
        <a href="#"
           class="dropdown-toggle"
           data-toggle="dropdown">
            Services
            <b class="caret"></b>
        </a>
        <ul class="dropdown-menu">
            <li><a href="#">Web Design</a></li>
            <li><a href="#">Web development</a></li>
            <li><a href="#">Wordpress Theme development</a></li>
        </ul>
    </li>
</ul>

但是，由于 Bootstrap 下拉菜单需要用到 JavaScript，所以您需要在 HTML 页面中插入下面两行代码。您可以把它们插入到