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页面
div1
div2
按钮种类
按钮1按钮样式
按钮尺寸
4.综合小练习
左对齐加粗
中间对齐斜体
右对齐小字
6.栅格系统
占6列
占6列
占4列
占4列
占4列
占6
占6
占10列
占2列
占1列
占2列
占1列
占2列
占4列
占6列
栅格嵌套
占5中的6/12
占5中的6/12
占7中的4/12
占7中的4/12
占7中的4/12
7.响应式栅格系统
刘德华
刘德华
刘德华
刘德华
张学友
张学友
张学友
张学友
张学友
张学友
张学友
张学友
未完待续，，，
web前端
版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。
版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。
相关文章