bootstrap

• Bootstrap
  • 弹出插件SweetAlert：http://mishengqiang.com/sweetalert/

1. Bootstrap是什么？

    twitter公司开源的一个前端开发框架。（一坨HTML、CSS和JS的代码）

   2. Bootstrap的版本
      3.3.版本

   3. Bootstrap的使用

      图标

      1. Bootstrap内置的： https://v3.bootcss.com/components/

         ​ font-awesome图标：http://www.fontawesome.com.cn/

         ​ 阿里图标： http://iconfont.cn/

      2. 面板

         1. jS插件

      3. 下载
         https://v3.bootcss.com/

      4. 导入
         link标签导入 bootstrap.css或者bootstrap.min.css

   4. 常用样式类

      1. 容器
         1. container
         2. container-fluid
      2. 栅格系统
         把一行均分成最多12列
         可以设置标签占多少列
         1. row表示一行
         2. col-xx-**表示一列
            xx: 表示样式适用的屏幕尺寸

             - xs  手机
               - sm  平板
                 - md  桌面显示器
                   - lg  超大屏幕
                 **：表示占多少份
                     - 取值范围： 1~12

         3. col-xx-offset-**:
            表示左侧空几份！
         4. 列支持再嵌套（再写一行，分成12份）
         5. 列排序
            1. col-xx-push-* –> 往右推
               2. col-xx-pull-* –> 往左拉
      3. 布局样式
      4. 表格
      5. 表单
      6. 按钮
      7. 图片
      8. 辅助类
         1. 文本颜色
         2. 背景颜色
         3. 快速浮动
         4. 清除浮动