bootstrap究竟是用来作什么的(概念)

Bootstrap官网:http://v3.bootcss.com/css

Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合做开发,是一个CSS/HTML框架。html

 

是一个作网页的框架(目前最流行的WEB前端框架),就是说你只须要写HTML标签调用它的类你就能够很快速的作一个高大上的网页,你不用担忧兼容问题,提供了不少样式供你选择!
好比你须要作一个网站的导航对吧,你本身写的话你须要写不少代码,可是若是你使用bootstrap框架来写的话,只须要写好HTML标签而后调用类名就能够了!前端


做用:
用它提供的样式和组件快速写网站bootstrap

你只须要引用一些定义好的类,也就是class名字,就能够建立出已经有很是漂亮的样式的网页,并且支持自适应,是一个很不错的框架。前端框架

=============================================================================
简单点说:是一个快速搭建网站前台页面的开源项目(基于Jquery)。你只须要了解相关的class、标签名称等所表明的意思,而后在构建页面的时候,导入bootstrap的JS、css等,它就会去表现相应的效果出来:
好比HTML说明:缩略语;当鼠标悬停在缩写和缩写词上时就会显示完整内容,Bootstrap实现了对HTML 元素的加强样式。 缩略语元素带有title属性,外观表现为带有较浅的虚线框,鼠标移至上面时会变成带有“问号”的指针。当你须要段落文字某个单词或者词语须要有上面的那种效果,你就那样按照那种格式写就行了,附加的class=“initialism”是让字号更小一点,也能够不要。反过来讲:若是你不试用bootstrap的东西或者其余相似的框架,那你就得本身写这样的效果,开发时间长。再好比Jquery的easyui,也是差很少道理。框架

 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++工具

关于bootstrap文件包简单介绍布局

文件名称:网站

bootstrap.css
bootstrap.min.css
bootstrap-responsive.css
bootstrap-responsive.min.css
bootstrap.js
bootstrap.min.js

解释:ui

bootstrap.css 是完整的bootstrap样式表,未经压缩过的,可供开发的时候进行调试用
bootstrap.min.css 是通过压缩后的bootstrap样式表,内容和bootstrap.css彻底同样,可是把中间没必要要的空格之类的东西都删掉了,因此文件大小会比bootstrap.css小,能够在部署网站的时候引用,若是引用了这个文件,就不必引用bootstrap.css了
bootstrap-responsive.css 这个是在对bootstrap框架应用了响应式布局以后所须要的CSS样式表,若是你的网站项目不许备作响应式设计,就不须要引用这个CSS。
bootstrap-responsive.min.css 和bootstrap.min.css的做用是同样的,是bootstrap-responsive.css的压缩版
bootstrap.js 这个是bootstrap的灵魂所在,是bootstrap的全部js指令的集合,你看到bootstrap里面全部的js效果,都是由这个文件控制的,这个文件也是一个未经压缩的版本,供开发的时候进行调试用
bootstrap.min.js 是bootstrap.js的压缩版,内容和bootstrap.js同样的,可是文件大小会小不少,在部署网站的时候就能够不引用bootstrap.js,而换成引用这个文件了~~

 ============================================================================

更多--关于bootstrap2.0和3.0的区别:http://www.cnblogs.com/yanwei067/p/4971161.html

相关文章
相关标签/搜索