Bootstrap是什么意思

子凡 2019-07-08 14:35:25
问答

Bootstrap是一组用于网站和网络应用程序开发的开源前端框架,包括HTML、CSS及JavaScript的框架,提供字体排印、窗体、按钮、导航及其他各种组件及Javascript扩展,旨在使动态网页和Web应用的开发更加容易。

Bootstrap 是一组用于网站和网络应用程序开发的开源前端框架,包括 HTML、CSS 及 JavaScript 的框架,提供字体排印、窗体、按钮、导航及其他各种组件及 Javascript 扩展,旨在使动态网页和 Web 应用的开发更加容易。Bootstrap 是 GitHub 上面被标记为“Starred”次数排名第四多的项目。

Bootstrap

结构和功能

Bootstrap 采用模块化设计,并且用 LESS 样式表语言来实现各种组件和工具。一个名为 bootstrap.less 的文件包括了这些组件和工具,开发者可以修改这个文件,自行决定项目需要哪些组件。

通过一个基本配置文件可以进行有限的定制,此外也可以进行更加深入的定制。LESS 语言支持变量、函数、运算符、组合选择器和一个叫做 Mixin(混入)的功能。

从 Bootstrap 2.0 开始,Bootstrap 文档包括一个叫做“自定义”的特别选项,开发者可以根据自己的实际需要来选择包含的组件和效果,然后生成和下载已经编译好的包。

网格系统和响应式设计以 1170 像素宽为基准。此外开发者也可以自定义基准。这两种情况下,Bootstrap 都能提供四种变体:手机竖屏、手机横屏和平板电脑、PC 低分辨率、高分辨率,每个变体都会自动调整网格宽度。

起源

Bootstrap 原名 Twitter Blueprint,由 Twitter 的 Mark Otto 和 Jacob Thornton 编写,本意是制作一套可以保持一致性的工具和框架。在 Bootstrap 之前,开发界面需要使用不同的代码库,这样很容易导致不一致的问题,从而增加了维护的负担。

经过一个小组几个月之后的努力,Twitter 的许多开发者把它当作 Hack Week(在 Twitter 开发者中流行的类似于黑客松的一星期)的一部分,开始参与开发。大家把 Twitter Blueprint 改名为 Bootstrap,并且在 2011 年 8 月 19 日将其作为开源项目发布。此后项目继续由 Mark Otto、Jacob Thornton 和一个核心开发小组维护,此外还有众多来自社区的贡献者。

在 2012 年 1 月 31 日,Bootstrap 2 发布。这一版增加了十二列网格布局和响应式组件,并且对许多组件进行了修改。Bootstrap 3 于 2013 年 8 月 19 日发布,开始将移动设备优先作为方针,并且开始使用扁平化设计。

2015 年 4 月 23 日,Mark Otto 宣布正在开发 Bootstrap 4。Bootstrap 4 的第一个 alpha 版本部署在 2015 年 8 月 19 日。

功能

Bootstrap 与最新版的 Google Chrome、Firefox、Internet Explorer、Opera 和 Safari 浏览器兼容,尽管有些浏览器并不是支持所有操作系统。

从 2.0 版本开始,Bootstrap 支持响应式网页设计(RWD)。页面布局可以根据显示网页的设备(桌面、平板电脑、手机)来进行动态调整。

从 3.0 版本开始,Bootstrap 将移动设备优先作为设计方针,更加强调了响应式设计。

4.0 alpha 版本添加 Sass 和 Flexbox 的支持。

Bootstrap 是开源软件,可以从 GitHub 上面找到。开发者被鼓励参与项目,并且对项目做出自己的贡献。

0个人收藏 收藏

评论交流

泪雪默认头像 请「登录」后参与评论
  1. 加载中..

相关推荐

  • 网站 website

    如何搭建国外网站

    搭建国外网站时最重要的一步就是选择合适的域名,然后就是一台国外服务器,拥有了服务器之后,就要开始安装网站程序,一是自己安装,不过这种方式需要具备一定的技术能力,而且要花费更多的时间;二是选择一键安装程序,它可以轻松安装网站所需的程序,且操作简单。
  • DedeBIZ

    DedeBIZ是什么

    DedeBIZ是由DedeCMS系统核心开发成员牵头组建的Dede商业支持团队。将继续承担DedeCMS系统后续的设计、开发和维护工作,为DedeCMS生态提供更有力、更全面、更系统化的保障。
  • grid system 格栅系统

    如何制定栅格系统

    制定栅格系统首先选择画布尺寸;确定栅格区域,将页面按照功能模块划分为全局控制区、内容区、背景区、弹层区;网格设置,现在主流网格单元的尺寸为8PX;栅格计算,常见栅格有12栅格和24栅格,栅格分的数量越多承载内容结构越复杂,展示信息更详细。
  • web

    常用的Web前端框架有哪些

    常用的前端框架有React、Vue、Angular、Svelte、Alpine、Preact、LitElement、Stimulus、Ember Bootstrap、Foundation 等等。
  • Bootstrap

    Bootstrap是什么

    Bootstrap是一个用于快速开发 Web 应用程序和网站的前端框架。基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,提供了优雅的HTML和CSS规范,由动态CSS语言Less写成。
  • Spring Boot

    什么是Spring Boot

    Spring Boot是由Pivotal团队提供的全新框架,其设计目的是用来简化新Spring应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置,从而使开发人员不再需要定义样板化的配置。