黑马程序员技术交流社区

标题: 【石家庄校区】笔记JQuery&BootStrap [打印本页]

作者: xcxiao1992    时间: 2017-11-19 17:32
标题: 【石家庄校区】笔记JQuery&BootStrap
本帖最后由 小石姐姐 于 2017-11-20 15:20 编辑

【JQuery的查找】


* find();
* parent();
* children();
【JQuery的事件处理】


* trigger和triggerHandler区别:
【BootStrap的概述】
Ø 什么是BootStrap


Ø BootStrap可以在那些地方使用:
BootStrap设计出响应式页面,由它设计页面可以在手机,PAD,PC都可以直接访问.
Ø BootStrap的使用:
下载BootStrap:
http://www.bootcss.com


引入的文件


添加一个<meta>标签:


【BootStrap的全局CSS】
BootStrap的框架提供了一系列的CSS的样式.这些样式可以直接使用.
Ø 布局容器:



Ø 栅格系统
Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。它包含了易于使用的预定义类,还有强大的mixin 用于生成更具语义的布局。
使用.row样式定义栅格的行.
定义列:.col-lg-n .col-md-n  .col-sm-n   .col-xs-n


Ø 排版:
















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