bootstrap课程8 bootstrap导航条在不同设备上的显示效果如何（多去看参考手册）

一、总结

一句话总结：在手机端或者平板端或者显示不够的话就缩起来了。（多去看参考手册）

二、bootstrap课程8 bootstrap导航条在不同设备上的显示效果如何

1、相关知识

导航条:

.navbar

.navbar-default

.navbar-inverse

.navbar-fixed-top

.navbar-fixed-bottom

.navbar-header

.navbar-brand

.navbar-nav

.navbar-form

.navbar-btn

.navbar-text

.navbar-link

.navbar-left

.navbar-right

2、代码

1  2  3  4     
      5     
      6     index 7     12     
     13     14     15     16 17 18     
     
      19         
      Bootstrap框架
20         
      
       21             
       
        22                 
        23                     24                 25                 
        30             
       
    31 32             
       
        33                 
        
         34                     
         起步
35                     
         全局CSS样式
36                     
         组件
37                     
         Javascript插件
38                     
         定制
39                     
         40                         41 网站实例  42 43 44                         
          
           45 
           linux
46 
           linux
47 
           linux
48 
           linux
49 
          
50                     
51                 
        
52 53                 
        
         54                     
         Bootstrap中文网
55                 
        
56             
       
57         
      
58 59         60     
     
61 62