BootStrap

一、设置大小

lg、sm、xs

二、设置颜色

promary(首选项)、success(成功)、info(信息)、warning(警告)、danger(危险)、

三、两端对齐排列按钮组

兼容 IE8，每个按钮组放入另一个 .btn-grop中；
对于a 元素，只需将 .btn 包裹到 .btn-group .btn-group-justified 中即可

    Left
    Middle
    Middle  

四、表单的水平排列 .form-horizontal

    

        Email

        

          
        
    

五、内联单选、多选框 添加 .checkbox-inline 或 radio-inline

六、标签页

   

    
Home列表
    
Profile列表
    
Messages列表
    
Settings列表
  
  
 

    
home内容
    
profile内容
    
messages内容
    
settings内容
  

js:

// ---------------------------- 标签页
$('#myTabs a').click(function (e) {
  e.preventDefault()
  $(this).tab('show')
});

$('#myTabs a[href="#profile"]').tab('show') // Select tab by name
$('#myTabs a:first').tab('show') // Select first tab
$('#myTabs a:last').tab('show') // Select last tab
$('#myTabs li:eq(2) a').tab('show') // Select third tab (0-indexed)