BootStrap使用-白红宇

BootStrap使用

阅读量：6253 次

发布时间：2019-06-22

本文共 1864 字，大约阅读时间需要 6 分钟。

BootStrap简单使用

　　《深入理解BootStrap》这本书对BootStrap进行了全面的讲解包括设计思想以及源码解析对没有接触过的很有帮助

　　BootStrap可以说是最简单的一类框架了，使用它确实不能给我们带来一些功能上的提升，不过在一些系统开发时可以为我们的开发速度带来很大的提升。有时候会用但是用的不多，时间一长难免会忘，所以写了一些常用插件的基本使用方法，以方便查阅

样式使用

　　BootStrap在样式上使用的套路基本上一致的都是从统一到具体，比如按钮元素的使用为<button class="btn btn-success">ok</button>，前面的class定义了一些基本的公用的样式，后面根据我们的需要在使用特定的class

　　在使用BootStrap是一般我们经常使用的元素通常就是按钮、导航条、表单元素、面板+表格

　　按钮的使用很简单(为了语义化我们通常使用button元素或者a元素)

　　按钮组

　　导航条

　　表单元素我们经常使用的就是form-group和input-group，折两种元素width都是100%所以通常结合栅格系统使用

　　form-group就是提示信息和输入框的结合


         
      登录账户

　　input-group是在对输入框的改变，一般是在输入框的左边或者右边添加修饰

　　面板


         
      
       面板header
      
    
      
           这里是面板内容    
      
    
      
       面板footer

　　表格


     
                                             姓名                     年龄                     地址                
          
                                             张三                     23                     某屯                
                                   李四                     23                     某庄

姓名	年龄	地址
张三	23	某屯
李四	23	某庄

　　通常我们在使用方式为面板+表格，由面板提供表名，由表格提供内容


         
      
               人员信息    
      
    
      
                                                姓名                      年龄                      地址                 
           
                                                张三                      23                      某屯                 
                                     李四                      23                      某庄

姓名	年龄	地址
张三	23	某屯
李四	23	某庄

转载于:https://www.cnblogs.com/shinhwazt/p/5986305.html

你可能感兴趣的文章

部署exchange提示“由于父类不在可能的上级列表，不能添加该对象”