黑马程序员技术交流社区

标题: [石家庄校区]Day_07 BootStrap框架 [打印本页]

---

作者: g207776411    时间: 2018-5-9 16:33
标题: [石家庄校区]Day_07 BootStrap框架

Day_07 BootStrap框架

BootStrap框架

BottStrap的优点:BootStrap设计出响应式页面,由它设计页面可以在手机,PAD,PC都可以直接访问.

重点 :  

使用BootStrap框架必须导入以下四个包

<link rel="stylesheet" href="../css/bootstrap.min.css" />                <link rel="stylesheet" href="../css/bootstrap-theme.min.css" />                <script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>                <script type="text/javascript" src="../js/bootstrap.min.js"></script>

栅格系统

Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义类，还有强大的mixin 用于生成更具语义的布局。

使用.row样式定义栅格的行.

定义列：.col-lg-n (超大屏幕)      .col-md-n(中等屏幕电脑)        .col-sm-n(平板,小屏幕)       .col-xs-n(超小屏幕,手机)

               

---

• icon指的就是字体组件
• 绑定事件的函数
  
  
  • $("").bind("事件",function(){})
    
    
• 模态框的使用,我们会在JS里面调用模态框
  
  
  • 
    
  
  

Swiper文档插件

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2