Bootstrap学习--导航栏

	

		W3Cschool
   	
  	

	

         
iOS
         
SVN
         

            
               Java 
               
            
            

               
jmeter
               
EJB
               
Jasper Report
               

               
分离的链接
               

               
另一个分离的链接
            
         
      
   

导航栏是定义在nav标签中的，class=“nav nav-default"是导航栏的基本样式

class="navbar-header" 和class=“navbar-brand”会使文字看起来比较大一点。

ul中class="nav navbar-nav"表明是一个无序列表

class="navbar-form"可用于导航栏中的表单

class="navbar-text"可用于导航栏中的文本

class="navbar-btn"可用于导航栏中的按钮

class="navbar-right"可使导航栏中的元素靠右显示

class="navbar-left"可使导航栏中的元素靠左显示

class="navbar-fixed-top"可让导航栏固定在页面顶部,用在nav标签中

class="navbar-fixed-bottom"可让导航栏固定在页面地部，用在nav标签中
class="navbar-static-top",该样式不会向body中加入padding，可让导航栏随页面滚动。

class="navbar-inverse"，该样式是一个倒置的导航栏

class="collapse navbar-collapse",一般用在div中，为导航栏添加响应式布局。

    Toggle navigation
    
    
    

最初以为在导航栏中的这个button根本没有什么作用，后来在小屏幕上才发觉这个按钮是响应式按钮，是方便小屏幕的一个下拉按钮。

3个其实是绘制了3条斑马线。在大屏幕下不显示，当小屏幕时则很清晰。