bootstrap

1.首先要引入外部css文件在html中！

bootstrap.css  orbootstrap.min.css

bootstrap框架和960框架是类似的！

首先来看如何在table里面加入框架样式：

table-striped 可以使奇数行的背景色设置为灰色！

table-border 可以使边框显示！

table-hover 可以让鼠标悬停在的行的背景变为灰色！

table-condensed 可以使行间距变小！

    
  成功或积极动作        
 注意    
 危险        
         
      
               
姓名
                
年龄
       
职业
      
          
               
张三
       
18
               
程序员
          
     
    

active、succes、warning、danger都可以使背景发生改变！样式都不一样！

且是响应模式：

这样做在小屏幕上看的时候会出现水平滚动条，大屏幕自动消失！

2.bootstrap栅格系统和表单

栅格系统和960框加一样！

一共有四种栅格模式！分别为col-xs-12(超小屏幕)，col-sm-12（小屏幕）。col-md-12（中屏幕）、col-lg-12（大屏幕）

    
    
     
        
      Email address        
          
     
    
     
        
      Password        
          
     
    
     
        
      File input        
              
      
Example block-level help text here.
    
     
    
     
        
                   Check me out            
     
    
     Submit
    

以上就是用框架写得一个简单的表单！如果在div clas=“form-group”中吧group变为inline就变成了内年表单！改变成horizontal就成了水平表单！

#3.bootstrap对button的改变！

btn-lg大按钮！btn-md标准按钮！btn-sm小按钮！btm-xs小按钮！

class="btn btn-success btn-lg" 成功样式！ btn-info信息样式！ btn-warning警告样式！ btn-danger危险样式！

如果要一行的按钮这需要加 class=“btn-block”

如果需要添加不可点击状 disabled="disabled"

4.bootstrap 对图片的处理！

——用于构建圆形的图片——用于添加简单的边框——用于构建圆角的图片