专题5:Bootstrap学习笔记

一、布局:
1.12列栅格系统,支持列偏移
   

        
...

        
...

   

2.划定内容区域
   
        

        ...
        

   
3.支持流式布局
   

        

            

    
            

            

        
            

        

   


二、排版:
1.标题
    h1,h2,h3,h4,h5,h6
2.段落
   

...


   

段落突出显示


4.强调
    粗体
    斜体
5.缩写
    缩写
6.引用
   

        

内容


        出处
   

7.颜色警示
   

减弱


   

警告


   

错误


   

提示


   

成功



三、列表
1.无序
   

            
  • 无序列表

  •    

2.有序
   

            
  1. 有序列表

  2.    

3.无样式
   

            
  • 无样式列表

  •    

4.描述
   

        
定义

        
描述

   


四、表格
   
        
        
           
            
            
           
        
        
           
            
            
           
       
            
            
           
           
            
            
           
        
   
标题
表头 ...
错误内容 ...
警告内容 ...
提示内容 ...


五、表单
1.布局
   

        

           
           

               
           

        

        

           
           

               
           

        

        

           

               
               
           

        

   

2.控件前置/后置
   

        前置字符
    
        
        后置字符
    

       
       
    

   

3.控件大小设置
   
   
   
   
   
   
利用栅格系统
   

       
   

   

       
       
   

4.提交按钮
   

        
        
   

5.控件提示
    短提示
    长提示
6.控件状态
    必填
    禁用
    只读
    
   

        
        

           
            Something may have gone wrong
        

   

   

        
        

           
            Please correct the error
        

   

   

        
        

           
            Please correct the error
        

   

   

        
        

           
            Woohoo!
        

   


六、按钮
1.按钮状态
   
   
   
   
   
   
   
   
2.按钮大小
   
   
   
   
   
3.搭载元素

你可能感兴趣的:(Web前端开发)