Bootstrap

✍ dations ◷ 2025-10-25 02:06:18 #层叠样式表,自由软件计划,HTML,JavaScript函式库,使用MIT许可证的软件,网页设计,CSS框架,Twitter,2011年软件,用JavaScri

Bootstrap是一组用于网站和网络应用程序开发的开源前端(所谓“前端”,指的是展现给最终用户的界面。与之对应的“后端”是在服务器上面运行的代码)框架,包括HTML、CSS及JavaScript的框架,提供字体排印、窗体、按钮、导航及其他各种组件及Javascript扩展,旨在使动态网页和Web应用的开发更加容易。

Bootstrap是GitHub上面被标记为“Starred”次数排名第四多的项目。Starred次数超过133,000,而分支次数超过了65,000次。

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

“我和几个开发者一起设计创建一个新的内部使用的工具,然后我们发现有机会可以做更多的事。从那之后,我们发现我们设计的工具比别人设计的更强大。几个月之后,我们做出了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(英语:CSS Flex Box Layout)的支持。

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

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

通过一个基本配置文件可以进行有限的定制,此外也可以进行更加深入的定制。

LESS语言支持变量、函数、运算符、组合选择器和一个叫做Mixin(混入)的功能。

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

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

Bootstrap对一系列HTML组件的基本样式进行了定义,并且为文本、表格和表单元素设计了一套独特的、现代化的样式。

除了基本HTML元素,Bootstrap还包括了其他常用的界面元素,例如带有高级功能的按钮(例如按钮组合、带有下拉菜单选项的按钮、导航栏、水平和垂直标签组、导航、分页等等)、标签、高级排版、缩略图、警告信息、进度条等。

这些组件都使用CSS的类实现。在页面中需要将其对应到特定的HTML元素上面。

通过jQuery,Bootstrap加入了一些JavaScript组件。它们提供了例如对话框、工具提示、轮播等功能。此外还增强了一些用户界面元素的功能,例如输入框的自动完成。Bootstrap 2.0支持以下JavaScript插件:Modal(模态对话框)、Dropdown(下拉菜单)、Scrollspy(滚动监听)、Tab(标签页)、Tooltip(工具提示)、Popover(浮动提示)、Alert(警告)、Button(按钮)、Collapse(折叠)、Carousel(轮播)、Typeahead(输入提示)、Affix(附加导航).

相关

  • 空肠弯曲菌空肠弯曲菌(Campylobacter jejuni)菌体轻度弯曲似逗点状,长1.5~5 μm,宽0.2~0.8 μm。菌体一端或两端有单鞭毛,运动活泼,在暗视野镜下观察似飞蝇。无荚膜,不形成芽胞。微需氧菌,在含5
  • 多孔动物多孔动物门(学名:Porifera)为原始的多细胞生物,也称海绵动物门(Spongiatia或Spongia),一般称为海绵。海绵没有神经元/神经系统、消化和循环系统,相反,它们大多依靠海水流过自己的身体
  • 尚-路易·坦帝尼昂尚-路易·特兰蒂尼昂(法语:Jean-Louis Trintignant;1930年12月11日-),是一名法国男演员、编剧与导演。他分别在第18届柏林电影节(1968)和第22届戛纳电影节(1969)拿下最佳男演员奖,2012
  • PuOsub2/sub二氧化钚,化学式为PuO2,是钚的氧化物,熔点高,外表颜色从黄色或橄榄绿色,取决于粒子的大小,温度和生产方式。通常是由草酸钚和硝酸钚加热而得。二氧化钚应用于核能发电。二氧化钚对
  • 菠萝菠萝(马新称黄梨,港澳称菠萝,台湾称凤梨)(学名:Ananas comosus)是原产于南美洲巴西、巴拉圭的亚马逊河流域一带的热带水果,现在已于热带地区广泛种植。因多汁酸甜受到喜爱,有解暑之效
  • 立陶宛人立陶宛人(Lithuanian)是波罗的人的一支。立陶宛人是立陶宛的主体民族,居住在立陶宛的立陶宛人略微超过300万。立陶宛人总数估计在400万到500万左右。除了立陶宛之外,在立陶宛的
  • 爱德基金会爱德基金会(英语:The Amity Foundation)是与中国基督教协会有关联的团体,是中国的基督徒志愿者参加组成,主要帮助中国贫困地区的团体。本部在南京,活动概况主要包括从海外针对中国
  • 猫眼综合征猫眼综合征(英语:Cat eye syndrome)是一种遗传病,其会导致眼睛虹膜的缺损,使眼睛看起来像猫眼一样。其在瑞士的发生率约为1/50000至1/150000。遗传方面,其遗传方式为无家族史的偶
  • 大部大部,为汉字索引里为部首之一,康熙字典214个部首中的第三十七个(三划的则为第八个)。就繁体和简体中文中,大部归于三划部首。大部通常是从上、中、下方为部字,且无其他部首可用者
  • 三维眼镜三维眼镜(英语:3D glasses),也可称为“立体眼镜”,是一种可以用来看3D影像或图像的特别眼镜。一般的专业立体眼镜也比较贵,所以有些人会自制立体眼镜来用。三维眼镜的一般原理分为