这篇文章主要介绍了引导有哪些作用,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
引导是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师马克?奥托和雅各布·桑顿合作开发,是一个CSS/HTML框架。
是一个做网页的框架(目前最流行网络的前端框架),就是说你只需要写HTML标签调用它的类你就可以很快速的做一个高大上的网页,你不用担心兼容问题,提供了很多样式供你选择!
比如你需要做一个网站的导航对吧,你自己写的话你需要写很多代码,但是如果你使用引导框架来写的话,只需要写好HTML标签然后调用类名就可以了!
<强>引导用来做什么
<强>作用:
用它提供的样式和组件可以快速写网站
你只需要引用一些定义好的类,也就是类名的字,就可以创建出已经有非常漂亮的样式的网页,而且支持自适应,是一个很不错的框架。
简单点说:
是一个快速搭建网站前台页面的开源项目(基于Jquery)。你只需要了解相关的类标签名称等所代表的意思,然后在构建页面的时候,导入引导的JS, CSS等,它就会去表现相应的效果出来:
比如HTML说明:缩略语;当鼠标悬停在缩写和缩写词上时就会显示完整内容,引导实现了对HTML元素的增强样式。缩略语元素带有标题属性,外观表现为带有较浅的虚线框,鼠标移至上面时会变成带有“问”号的指针。
当你需要段落文字某个单词或者词语需要有上面的那种效果,你就那样按照那种格式写就好了,附加的班=笆鬃帜杆趼源省笔侨米趾鸥∫坏?也可以不要。反过来说:如果你不试用引导的东西或者其他类似的框架,那你就得自己写这样的效果,开发时间长。再比如Jquery的easyui,也是差不多道理。
<强>关于引导文件包简单介绍
文件名称:
<>强解释:
引导。css是完整的引导样式表,未经压缩过的,可供开发的时候进行调试用
bootstrap.min。css是经过压缩后的引导样式表,内容和bootstrap.css完全一样,但是把中间不必要的空格之类的东西都删掉了,所以文件大小会比bootstrap.css小,可以在部署网站的时候引用,如果引用了这个文件,就没必要引用bootstrap.css了
bootstrap-responsive。css这个是在对引导框架应用了响应式布局之后所需要的css样式表,如果你的网站项目不准备做响应式设计,就不需要引用这个css。
bootstrap-responsive.min。css和bootstrap.min.css的作用是一样的,是bootstrap-responsive.css的压缩版
引导。js这个是引导的灵魂所在,是引导的所有js指令的集合,你看到引导里面所有的js效果,都是由这个文件控制的,这个文件也是一个未经压缩的版本,供开发的时候进行调试用
bootstrap.min。js是bootstrap.js的压缩版,内容和bootstrap.js一样的,但是文件大小会小很多,在部署网站的时候就可以不引用引导。js,而换成引用这个文件了~ ~
感谢你能够认真阅读完这篇文章,希望小编分享引导有哪些作用内容对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,遇到问题就找,详细的解决方法等着你来学习!
