ylbtech-Bootstrap:百科 |
Bootstrap (Web框架)
Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的,它简洁灵活,使得 Web 开发更加快捷。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。
1. 形态返回顶部 |
目前使用较广的是版本2和3,其中2的最新版本的是2.3.2,3的最新版本是3.3.7。
在2017年8月下旬,Bootstrap四周岁之际,Bootstrap团队发布了Bootstrap 4 alpha版,4的最主要变化包括以下方面:
-
从 Less 迁移到 Sass
-
改进 网格系统
-
缺省弹性框支持
-
Dropped wells, thumbnails, and panels for cards
-
合并所有 HTML resets 到一个新的模块中: Reboot
-
全新自定义选项
-
不再支持 IE8
-
重写所有的 JavaScript 插件
-
改进工具提示和 popovers 的自动定位
-
改进文档
-
其他大量改进
2. 包内容返回顶部 |
-
基本结构:Bootstrap 提供了一个带有 网格系统、 链接样式、 背景的 基本结构。这将在Bootstrap 基本结构部分详细讲解。
-
CSS:Bootstrap 自带以下 特性: 全局的 CSS设置、 定义基本的 HTML 元素样式、 可扩展的 class,以及 一个先进的网格系统。这将在Bootstrap CSS部分详细讲解。
-
组件:Bootstrap 包含了 十几个可重用的组件,用于 创建图像、 下拉菜单、 导航、 警告框、 弹出框等等。这将在布局组件部分详细讲解。
-
JavaScript 插件:Bootstrap包含了 十几个自定义的 jQuery 插件。您 可以直接包含所有的插件, 也可以逐个包含这些插件。这将在Bootstrap插件部分详细讲解。
-
定制:您可以定制Bootstrap的 组件、LESS 变量和 jQuery 插件来得到您自己的版本。
3. 组件返回顶部 |
Bootstrap中包含了丰富的Web组件,根据这些组件,可以快速的搭建一个
漂亮、功能完备的网站。其中包括以下组件:
下拉菜单、
按钮组、
按钮下拉菜单、
导航、
导航条、
路径导航、
分页、
排版、
缩略图、
警告对话框、
进度条、
媒体对象等
4. 插件返回顶部 |
Bootstrap
自带了13个jQuery插件,这些插件为Bootstrap中的组件赋予了“
生命”。其中包括:
模式对话框、
标签页、
滚动条、
弹出框等。
5. 框架代码返回顶部 |
可以对Bootstrap中所
有的CSS变量进行修改,
依据自己的需求裁剪代码。
6. 应用返回顶部 |
Less 是一个
CSS 预处理器,让
CSS 具有动态性。另一方面,Bootstrap 是一个
快速开发 Web App 和站点的
工具包。这样,您可以在 CSS 中使用 Bootstrap 的
Less 变量、
mixins(混合)和
nesting(嵌套)。
7.返回顶部 |
8.返回顶部 |
9.返回顶部 |
10.返回顶部 |
1、百度百科
2、中文网
3、官网
3.2、
4.1、w3cshool
4.2、runoob
5、
11.返回顶部 |
作者:ylbtech 出处:http://ylbtech.cnblogs.com/ 本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。 |