Web前端基础（09）

Bootstrap

目前比较流行的前端框架,基于html/css/javascript/jQuery, 由Twitter公司研发, 框架作用:提高前端页面的开发效率.

如何创建bootstrap页面

1.下载框架文件（也可从Bootstrap官网下载）

Bootstrap V3.3.7 Starter ZIP

下载并解压出template和bootstrap3两个文件夹 放到工程中

2.复制template文件夹中的starter.html 粘贴到需要创建页面的地方,改名字即可

按钮相关 参考文档及02第一个boot页面.html

字体图标 参考文档及03字体图标.html

导航组件 参考文档及04导航组件.html

响应式布局

根据不同的设备显示不同的样式及页面结构

有哪些设备:

手机

pad平板

桌面显示器

大显示器(高分辨率或电视)

媒体查询:是Bootstrap框架中实现响应式布局的实现方式.

练习:

1.第一个boot页面

按钮种类

按钮样式

按钮尺寸

4.综合小练习

• 新增
• 编辑
• 查询

6.栅格系统

栅格嵌套

7.响应式栅格系统

未完待续，，，

web前端

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。