Bootstrap(Web前端CSS框架)
2016-02-05 10:32
483 查看
Bootstrap
(Web前端CSS框架)
编辑锁定
Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、J***ASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。[1] 它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking
News都使用了该项目。[2] 国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。[3]
外文名Bootstrap 类 型开源的用于前端开发的工具包
设计者Mark Otto和Jacob Thornton 优 点兼容大部分jQuery插件
目录
1 特点2 版本
3 组件
4 Javascript插件
5 框架代码
6 Bootstrap Less
特点编辑
Bootstrap是基于HTML5和CSS3开发的,它在jQuery的基础上进行了更为个性化和人性化的完善,形成一套自己独有的网站风格,并兼容大部分jQuery插件。版本编辑
目前使用较广的是版本2和3,其中2的最新版本的是2.3.2,3的最新版本是3.3.5。在2015年8月下旬,Bootstrap四周岁之际,Bootstrap团队发布了Bootstrap 4 alpha版,4的最主要变化包括以下方面:
从 Less 迁移到 Sass
改进网格系统
缺省弹性框支持
Dropped wells, thumbnails, and panels for cards
合并所有 HTML resets 到一个新的模块中:Reboot
全新自定义选项
不再支持 IE8
重写所有的 JavaScript 插件
改进工具提示和 popovers 的自动定位
改进文档
其他大量改进
组件编辑
Bootstrap中包含了丰富的Web组件,根据这些组件,可以快速的搭建一个漂亮、功能完备的网站。其中包括以下组件:下拉菜单、按钮组、按钮下拉菜单、导航、导航条、路径导航、分页、排版、缩略图、警告对话框、进度条、媒体对象等
Javascript插件编辑
Bootstrap自带了13个jQuery插件,这些插件为Bootstrap中的组件赋予了“生命”。其中包括:模式对话框、标签页、滚动条、弹出框等。
框架代码编辑
可以对Bootstrap中所有的CSS变量进行修改,依据自己的需求裁剪代码。[4]Bootstrap Less编辑
Les定制Bootstrap
s 是一个 CSS
预处理器,让 CSS 具有动态性。另一方面,Bootstrap 是一个快速开发 Web App 和站点的工具包。这样,您可以在 CSS 中使用 Bootstrap 的 Less 变量、mixins(混合)和 nesting(嵌套)。[5]
参考资料
1.
Bootstrap 教程 .自强学堂[引用日期2015-01-29]
2.
Bootstrap前端框架 .Bootstrap中文网
3.
跨端移动开发框架WeX5 .开源中国社区[引用日期2015-06-11]
4.
定制Bootstrap .Bootstrap中文网[引用日期2012-11-30]
5.
Bootstrap Less .w3cschool菜鸟教程.2013-08-30[引用日期2014-01-20]
词条标签:
软件 , 计算机学
相关文章推荐
- Bootstrap_响应式网格系统
- ubuntu系统debootstrap的使用
- bootstrap3 ie8
- Bootstrap教程 之 网格系统和排版
- Bootstrap表单布局样式
- bootstrap 中popover的鼠标悬停下拉菜单效果
- bootstrap
- ASP.NET MVC使用Bootstrap系列(5)——创建ASP.NET MVC Bootstrap Helpers
- ASP.NET MVC使用Bootstrap系列(4)——使用JavaScript插件
- ASP.NET MVC使用Bootstrap系列(1)——开始使用Bootstrap
- BootStrap main 方法都做了什么?
- Bootstrap
- 让Bootstrap 3兼容IE8浏览器
- bootStrap ace tree例子 JAVA版本
- bootstrap table 整合dwr框架
- Bootstrap快速上手(一)----右键菜单
- Bootstrap使用模态框
- Slickflow.NET 开源工作流引擎基础介绍(三) -- 基于HTML5/Bootstrap的Web流程设计器
- Bootstrap
- 【正完成】Strust2和Bootstrap、mybatis_mysql学习笔记