现在导航栏的宽度是流动的，也就是它的宽度会随着页面的宽度的变化而变化 .. 我们可以使用一个容器包装一下它，给它一个固定的宽度 .. 这个容器可以在导航栏的外面，也可以在它里面，先用一个 div .. 上面加上 container .. 这个类会给容器一个固定的宽度，并且会容器里的内容居中显示 ..

用这个容器包装一下导航栏 .. 在这个导航栏上面可以再添加一点边距 .. 用一个 m-y-md .. 这个类会在元素的上边还有下边添加一个外边距 ...

这个包装也可以是在导航栏的内部 .. 把它放在 nav 包装的里面 .. 这样导航栏的背景会填满页面的宽度 ..

在滚动页面的时候，导航栏会随着页面的滚动，这是默认的静态位置的导航栏。我们也可以把导航栏固定在页面的顶部或者底部显示 ..

在这个导航栏的包装的上面，添加一个 navbar-fixed-bottom .. 再去掉应用在导航栏上的 m-y-md 这个添加边距的类 ... 然后 滚动页面 .. 你会看到，现在导航栏会固定在页面的底部显示 ..

要固定的顶部的话，可以使用 navbar-fixed-top .. 现在它会一直出现在页面的顶部 ... 在使用这些固定形式的导航栏的时候，要注意导航栏会覆盖掉一部分内容 .. 我们可以在 body 这个标签上，应用一个内边距， 现在导航栏是固定在页面的顶部，所以可以使用一个 padding-top .. 添加一个上边的内边距 .. 这样会把内容向下推 .. 露出刚才被导航栏覆盖的内容 ..