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

所以,我的问题是:

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


当前回答

Bootstrap is the world’s most popular and widely used open-source framework for developing with HTML, CSS, and JS. It is a front-end framework of HTML. Bootstrap helps in building responsive websites or web applications and a 12-column grid system that helps dynamically adjust the website to a suitable screen resolution. The current version of bootstrap is 4.3.1 and the bootstrap team has also officially announced Bootstrap 5 version and changes like removing jquery from bootstrap. Some of the crucial reasons why the bootstrap framework is most preferable are

它很容易使用 Bootstrap有很大的社区支持 定制可以很容易地完成 它提高了开发速度 响应性 更多详细信息,请登录官方网站:https://getbootstrap.com/

在进行基于Bootstrap的项目时,建议使用Bootstrap 5管理模板。

来源:https://vmokshagroup.com/blog/bootstrap-advantages/

其他回答

Bootstrap is the world’s most popular and widely used open-source framework for developing with HTML, CSS, and JS. It is a front-end framework of HTML. Bootstrap helps in building responsive websites or web applications and a 12-column grid system that helps dynamically adjust the website to a suitable screen resolution. The current version of bootstrap is 4.3.1 and the bootstrap team has also officially announced Bootstrap 5 version and changes like removing jquery from bootstrap. Some of the crucial reasons why the bootstrap framework is most preferable are

它很容易使用 Bootstrap有很大的社区支持 定制可以很容易地完成 它提高了开发速度 响应性 更多详细信息,请登录官方网站:https://getbootstrap.com/

在进行基于Bootstrap的项目时,建议使用Bootstrap 5管理模板。

来源:https://vmokshagroup.com/blog/bootstrap-advantages/

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

根据今天的标准和网络术语,我想说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多年来一直得到很好的维护,这使得它成为生产就绪应用程序/网站的可靠选择。

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

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

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

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

更新

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

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

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