这里有很多与Bootstrap相关的问题。我看到很多人都在用它。所以我试着去研究它,我找到了官方的Bootstrap网站,但那里只有一个下载部分和几句话。没有什么能解释它是干什么用的……我只知道它是一个前端助手。我试图通过谷歌搜索一些东西,但没有找到具体的东西。我所找到的一切都与计算机科学的定义有关。

所以,我的问题是:

什么是Bootstrap ? 它的用途是什么,它如何帮助前端开发? 我还想了解更多细节。


当前回答

引导最流行的HTML, CSS和JS框架来开发响应式的,移动优先的web项目。它是非常流行的开源工具包。非常容易使用它的造型。最新版本是bootstrap 4。bootstrap具有Sass变量和mixins,响应式网格系统,广泛的预构建组件和强大的JavaScript插件。 现在他们为React Js、Angular和Vue指定了他们的工具包

Bootstrap主页 Vue引导 角引导 引导的反应

其他回答

它是一个HTML、CSS和JavaScript开源框架(最初由Twitter创建),您可以使用它作为创建网站或web应用程序的基础。

更多信息和下载链接 开始 例子 主题 引导-引导编辑器和生成器

更新

官方引导网站更新,包括一个明确的定义。

Bootstrap是最流行的HTML、CSS和JS框架,用于开发响应式、移动优先的web项目。”

“由@mdo和@fat用全世界所有的爱设计和建造。”

根据今天的标准和网络术语,我想说Bootstrap实际上不是一个框架,尽管他们的网站上是这么说的。大多数开发人员会考虑Angular、Vue和React框架,而Bootstrap通常被称为“库”。

但是,准确地说,Bootstrap是一个开源的、移动优先的CSS、JavaScript和HTML设计实用程序的集合,旨在提供比从头开始编写代码更快(也更聪明)开发常用web元素的方法。

促成Bootstrap成功的几个核心原则:

it's reusable it's flexible (i.e: allows custom grid systems, changing responsiveness breakpoints, column gutter sizes or state colors with ease; as a rule of thumb, most settings are controlled by global variables) it's intuitive it's modular (both JavaScript and (S)CSS use a modular approach; one can easily find tutorials on making custom Bootstrap builds, to include only the parts they need) has above average cross-browser compatibility web accessibility out of the box (screenreader ready) it's fairly well documented

It contains design templates and functionality for: layout, typography, forms, navigation, menus (including dropdowns), buttons, panels, badges, modals, alerts, tabs, collapsible, accordions, carousels, lists, tables, pagination, media utilities (including embeds, images and image replacement), responsiveness utilities, color-based utilities (primary, secondary, danger, warning, info, light, dark, muted, white), other utilities (position, margin, padding, sizing, spacing, alignment, visibility), scrollspy, affix, tooltips, popovers.


默认情况下,它依赖于jQuery,但你会发现jQuery免费变体由每个现代流行的渐进式JavaScript框架支持:

React-Bootstrap - React驱动的Bootstrap BootstrapVue - Vue驱动的Bootstrap ng-bootstrap——Angular支持的Bootstrap

使用Bootstrap很大程度上依赖于应用特定的类(或者,取决于JS框架:指令、方法或属性/道具)和使用特定的标记结构。

文档通常包含通用示例,这些示例可以轻松地复制粘贴并用作起始模板。


使用Bootstrap开发的另一个优势是它充满活力的社区,转化为丰富的主题、模板和插件,其中大多数是开源的(即:日历、日期/时间选择器、表格内容管理插件,以及构建在Bootstrap之上的库/组件集合,如MDB、投资组合模板、管理模板等…)

最后,但并非最不重要的是,Bootstrap多年来一直得到很好的维护,这使得它成为生产就绪应用程序/网站的可靠选择。

引导最流行的HTML, CSS和JS框架来开发响应式的,移动优先的web项目。它是非常流行的开源工具包。非常容易使用它的造型。最新版本是bootstrap 4。bootstrap具有Sass变量和mixins,响应式网格系统,广泛的预构建组件和强大的JavaScript插件。 现在他们为React Js、Angular和Vue指定了他们的工具包

Bootstrap主页 Vue引导 角引导 引导的反应

Bootstrap是开源的HTML框架。几乎所有浏览器都兼容。基本上大屏浏览器的宽度是>992px和特大号1200px。因此,通过使用Bootstrap定义的类,我们可以调整屏幕分辨率,以显示从小手机到大屏幕的每个屏幕上的内容。我尽量简短地解释。 例如:

<div class="col-sm-3">....</div>
<div class="col-sm-9">....</div>

据我所知,Bootstrap是一个定义良好的CSS。虽然使用Bootstrap,你也可以使用JavaScript, jQuery等。但主要的区别是,使用Bootstrap,您可以只调用类名,然后在HTML表单上获得输出。如。按钮的着色,文本的塑造,使用布局。对于所有这些,您不必编写CSS文件,而只需使用正确的类名来塑造您的HTML表单。