Bootstrap —— 简介
介绍
Bootstrap是Twitter于2011年8月在Github上发布的的开源产品,目前最受欢迎的HTML、CSS和JS框架,用于开发响应式布局、移动设备有限的WEB项目。
将常见的CSS布局组件和JavaScript插件进行了整合并完善的封装,能让没有经验的前端工程师后后端工程师都迅速掌握和使用,大大提高开发效率。
某种程度上,还能规范前端团队编写CSS和JavaScript。
PS:尽量去官网下载
由于此插件基于Jquery,所以引入jquery是必要的
下载
Bootstrap:最小化完整版本
Source code:包含了Less、Javascript的source和一些fonts库
Sass:使用Sass编译JS可用
此次学习主要围绕最小化版本进行
接入网络,可直接赋值粘贴绝对URL便可引入Bootstrap
Bootstrap文件结构
后缀min表示经过亚索的文件
HTML标准模版
使用Bootstrap的前提(按优先级)
标准HTML5文档结构
移动设备优先
Bootstrap css引入
Jquery引入
Bootstrap js引入
官方的基本模版:
Bootstrap 101 TemplateHello, world!
开发工具:
notepad++
DW cs6
HBuilder
webstorm
......
PS:从本人接触网页设计一来,第一次敲HTML标签的那天我用的就是记事本,后转HBuilder。
第一个网页
官网有实例精选,可以打开看看 —— 略