前端系列-------Bootstrap
一、Bootstrap整体架构
Bootstrap主要有下面几部分组成:
#12栅格系统—就是将屏幕平分12份(列)。使用行(row)来组织元素(每一行都包括12个列),然后将内容放在列内。通过col-ml-offset-*来控制列偏移。
#基础布局组件—Bootstrap提供了多种基础布局组件。如排版、代码、表格、按钮、表单等。
#Jquery—Bootstrap所有的JavaScript插件都依赖于Jqueryde的。如果要使用这些JS插件,就必须引用Jquery库。这也是为什么在程序中除了要引用Bootstrap的JS文件和CSS文件外,还需要引用Jquery库的原因,两者是依赖关系。
#CSS组件—Bootstrap为我们预实现很多CSS组件。如下拉框、按钮组、导航等。也就是说Bootstrap内容帮我们定义好了很多CSS样式,你可以将这些样式直接应用到之前的下拉框等元素里。
#JavaScript插件—Bootstrap也为我们实现了一些JS插件,我们可以用其提供的插件完成一些常用功能,而不需要我们在重新写JS代码来实现像提示框、模态窗口这样的效果了。
#响应式设计——这就是一个设计理念。响应式的意思就是它会根据屏幕尺寸来自动调整页面,使得前端页面在不同尺寸的屏幕上都可以表现很好。