我们先看一下在导航栏中的按钮，这个按钮，可以用 button 标签，按钮类型的 input 标签，或者，我们也可以使用一个链接的 a 标签。这里我们用一个 a 标签去定义一个按钮 ...
Bootstrap 为按钮设计了很漂亮的样式，你只需要在想变成按钮的元素上添加 Bootstrap 事先定义好的 css 类就可以了。
首先要添加的类是 btn ，这是一个基础的类，定义了按钮的基本的样式。 然后再添加一个决定按钮样式的类 ... 这里我们用一个 btn-primary ...
然后可以再加上一个控制按钮大小的类 ... btn-sm ，可以让这个按钮小一号 ..
在导航栏上的按钮，可以再加上一个 navbar-btn ... 它可以在按钮的周围添加合适的边距 ...
在导航栏上想要元素靠左或者靠右显示，可以使用 navbar-left 还有 navbar-right ... 这里，我们让它靠右去显示，添加一个 navbar-right
<a href="" class="btn btn-primary btn-sm navbar-btn navbar-right">订阅课程</a>
其它的菜单
在这个导航栏上面，我们可以再添加一个菜单，这个菜单上项目可以是登录或者注册用的链接 ...
用一组 ul 标签 ... 上面加上一个 nav 还有 navbar-nav 这两个类 .... 再加上一个改变浮动的类 ... 让它靠右显示 ... 所以加上一个 navbar-right ...
这个菜单跟这个订阅按钮离的太近了，可以在它上面再添加一个外边距的样式 ...
我们可以在它周围再添加一个包装的容器 ... 上面定义一个 css 类 ... 可以叫做 profile ...
再把这个 navbar-right 添加到这个元素上面 ...
然后，打开自定义的样式表 ... 为 .profile 这个类定义一个样式 ... 给它添加一个右边的外边距 ..
.profile {
margin-right: 25px;
}
保存，再回到 index.html ...
导航栏上的文字
下面再看一下导航栏上的文字 ... 比如在登录成功以后，可以把这个菜单隐藏起来，然后显示一行文字 ... 在这个 .profile 容器里面 ...
用一组 p 标签 ... 您好 ... 后面可以有是一个链向用户档案页面的链接 ...
<p>您好，<a href="#">王皓</a></p>
在导航栏上的文字上面，可以加上一个 navbar-text ，这个类可以要为文字添加合适的边距 ...
导航栏上的链接也可以加上一个特别的类，它可以改变链接的颜色。在这个 a 标签上，添加一个 navbar-link ...
<div class="profile navbar-right">
<ul class="nav navbar-nav">
<li><a href="">注册</a></li>
<li><a href="">登录</a></li>
</ul>
<p class="navbar-text">您好，<a href="#" class="navbar-link">王皓</a></p>
</div>
