Bootstrap

bootstrap使用方法的核心就是去官网抄代码，千万别自己写

bootstrap的js是基于jquery的，所以使用bootstrap前必须安装jquery，bootstrap和jquery的安装实际上就是下载对应的css和js文件放在项目目录下，通过html引入即可

• 示例1

    
    
    
    
    
    


    

        

            
.col-md-1
            
.col-md-1
            
.col-md-1
            
.col-md-1
            
.col-md-1
            
.col-md-1
            
.col-md-1
            
.col-md-1
            
.col-md-1
            
.col-md-1
            
.col-md-1
            
.col-md-1
        
        

            
.col-md-8
            
.col-md-4
        
        

            
.col-md-4
            
.col-md-4
            
.col-md-4
        
        

            
.col-md-6
            
.col-md-6
        


 

• 示例二（抄bootstrap官网的全局css样式）

    
    
    
    
    
    


    

        

            
.col-md-1
            
.col-md-1
            
.col-md-1
            
.col-md-1
            
.col-md-1
            
.col-md-1
            
.col-md-1
            
.col-md-1
            
.col-md-1
            
.col-md-1
            
.col-md-1
            
.col-md-1
        
        

            

                
h1. Bootstrap heading
                
h2. Bootstrap heading
                
h3. Bootstrap heading
                
h4. Bootstrap heading
                
h5. Bootstrap heading
                
h6. Bootstrap heading
            
        
        

            

                

                  

                    

                      
#
                      
First Name
                      
Last Name
                      
Username
                    
                  
                  

                    

                      
1
                      
Mark
                      
Otto
                      
@mdo
                    
                    

                      
2
                      
Jacob
                      
Thornton
                      
@fat
                    
                    

                      
3
                      
Larry
                      
the Bird
                      
@twitter
                    
                  
                
            
        
        

            

                

                  Input with success
                  
                  A block of help text that breaks onto a new line and may extend beyond one line.
                
                

                  Input with warning
                  
                
                

                  Input with error
                  
                
                

                  

                    
                      
                      Checkbox with success
                    
                  
                
                

                  

                    
                      
                      Checkbox with warning
                    
                  
                
                

                  

                    
                      
                      Checkbox with error
                    
                  
                
            
        


 

• 示例三（抄bootstrap官网的组件）

    
    
    
    
    
    


    

        

            

                这是我给你的
                
            
        
        

            
                
            
        
        

            

              
                Dropdown
                
              
              

                
Action
                
Another action
                
Something else here
                

                
Separated link
              
            
        


 

• 示例四（抄bootstrap官网JavaScript 插件）
  省略。。。