bootstrap里面有什么东西


本文摘自PHP中文网,作者(*-*)浩,侵删。

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

是一个做网页的框架(目前最流行的WEB前端框架),就是说你只需要写HTML标签调用它的类你就可以很快速的做一个高大上的网页,你不用担心兼容问题,提供了很多样式供你选择!(推荐学习:Bootstrap视频教程)

包含内容

基本结构:Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。

CSS:Bootstrap 自带以下特性:全局的 CSS设置、定义基本的 HTML 元素样式、可扩展的 class,以及一个先进的网格系统。

组件:Bootstrap 包含了十几个可重用的组件,用于创建图像、下拉菜单、导航、警告框、弹出框等等。

JavaScript 插件:Bootstrap包含了十几个自定义的jQuery 插件。您可以直接包含所有的插件,也可以逐个包含这些插件。

定制:您可以定制Bootstrap的组件、LESS 变量和jQuery 插件来得到您自己的版本。

关于bootstrap文件包简单介绍

文件名称:

1

2

3

4

5

6

bootstrap.css

bootstrap.min.css

bootstrap-responsive.css

bootstrap-responsive.min.css

bootstrap.js

bootstrap.min.js

解释:

1

2

3

4

5

6

7

8

9

10

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,而换成引用这个文件了~~

更多Bootstrap相关技术文章,请访问Bootstrap教程栏目进行学习!

以上就是bootstrap里面有什么东西的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

bootstrap特点是什么意思

css中的bootstrap是指什么

bootstrap怎么让图片自适应屏幕

详解bootstrap中的辅助类

bootstrap如何使用路径分页标签

bootstrap有什么用处

easyui和bootstrap的区别

bootstrap是哪个组织创建的

当 position:sticky 遇到 bootstrap 浮动布局时候的踩坑记录

jquery easyui和bootstrap的区别是什么

更多相关阅读请进入《bootstrap》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...