专业IT网络知识平台,分享IT百科知识、生活百科知识解答!

易企推科技
易企推科技

Bootstrap是什么意思

来源:小易整编  作者:小易  发布时间:2023-08-17 04:27
摘要:Bootstrap是一组用于网站和网络应用程序开发的开源前端框架,包括HTML、CSS及JavaScript的框架,提供字体排印、窗体、按钮、导航及其他各种组件及Javascript扩展,旨在使动态网页和Web应用的开发更加容易。Boots...

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

Bootstrap是什么意思

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

结构和功能

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 上面找到。开发者被鼓励参与项目,并且对项目做出自己的贡献。


本文地址:网络知识频道 https://www.hkm168.com/jiqiao/1028006.html,易企推百科一个免费的知识分享平台,本站部分文章来网络分享,本着互联网分享的精神,如有涉及到您的权益,请联系我们删除,谢谢!


网络知识
小编:小易整编
相关文章相关阅读
  • 某台微机安装的是64位操作系统中,64位指的是什么

    某台微机安装的是64位操作系统中,64位指的是什么

    某台微机安装的是64位操作系统中,64位指的是cpu的字长,即cpu每次能处理64位二进制数据。字长是cpu的主要技术指标之一,指的是cpu一次能并行处理的二进制位数,字长总是8的整数倍,通常pc机的字长为32位,64位。本教程操作环境:w...

  • c语言是什么意思

    c语言是什么意思

    一:c语言是什么意思C语言是一门面向过程的、抽象化的通用程序设计语言,广泛应用于底层开发。C语言能以简易的方式编译、处理低级存储器。C语言是仅产生少量的机器语言,以及不需要任何运行环境支持便能运行的高效率程序设计语言。尽管C语言提供了许多低...

  • skype是什么软件

    skype是什么软件

    skype是一种简单的免费软件,使您能够在数分钟之内在世界上的任何角落拨打免费电话,它使用全新的p2p【对等】技术将您与其他skype用户相连接。Skype是一种简单的免费软件,使您能够在数分钟之内在世界上的任何角落拨打免费电话。Sky...

  • 计算机的三类总线分别是什么?

    计算机的三类总线分别是什么?

    计算机的三类总线分别是:控制总线、地址总线和数据总线。控制总线用于将微处理器控制单元的信号,传送到周边设备;地址总线用来指定在ram之中储存的数据的地址;数据总线用于在cpu与ram之间来回传送需要处理或是需要储存的数据。总线(Bus)是计...

  • 2k屏幕是什么意思

    2k屏幕是什么意思

    2k屏幕是指分辨率能够达到2560*1440的屏幕。2k是一个通用术语,指屏幕或者内容的水平分辨率达约2000像素的分辨率等级;又因“16:9”的比例是高清晰度视频规格的国际标准,所以2k分辨率在视频制作、显示屏等领域常见格式为2560*1...

  • mysql中的不等于符号是什么

    mysql中的不等于符号是什么

    mysql中的不等于符号有两种:“!=”和“”;它们都可用于判断数字、字符串、表达式是否不相等。对于“!=”和“”,如果两侧操作数不相等,返回值为1,否则返回值为0;如果两侧操作数有一个是null,那么返回值也是null。本教程操作环境:w...

  • ipad a1822是什么型号

    ipad a1822是什么型号

    ipada1822是苹果ipad第5代的型号;ipad第5代是苹果公司于2017年03月21日在美国加利福尼亚州发布的平板电脑;该机型采用铝镁合金材质一体成型结构;前端外框为白色或黑色;有银色、金色和深空灰色3种外观颜色。本教程操作环境:...

  • html中浮动是什么

    html中浮动是什么

    在html中,浮动就是让元素可以向左或向右移动,直到它的外边距碰到其父级的内边距或者是上一个元素的外边距,只需要给元素设置“float:left|right|none|inherit”样式即可。本教程操作环境:windows7系统、CSS3...

  • 周排行
  • 月排行
  • 年排行

精彩推荐