【Bootstrap 笔记】导航类

admin

Bootstrap 中的导航组件都依赖同一个 .nav 类，状态类也是共用的。改变修饰类可以改变样式。

1. <nav class="navbar navbar-default" role="navigation">
   
2. ...
   
3. </nav>

复制代码

css 样式

1. .navbar {
   
2.   position: relative;
   
3.   min-height: 50px;
   
4.   margin-bottom: 20px;
   
5.   border: 1px solid transparent;
   
6. }
   
7. @media (min-width: 768px) {
   
8.   .navbar {
   
9.     border-radius: 4px;
   
10.   }
    
11. }

复制代码

说明：
        为了增强可访问性，务必给每个导航条加上 role="navigation" 属性。
navbar-default;导航默认样式
问题：怎样修改导航条颜色
问题：怎样修改导航条宽度
position: relative;绝对定位
border: 1px solid transparent;1px边框线透明
min-width: 768px;最小宽度768px;
border-radius: 4px;向 div 元素添加圆角边框