什么是Bootstrap?

HTML CSS

老丝阿飞

2020-03-18

这里有很多与Bootstrap相关的问题。我看到很多人在使用它。因此,我尝试进行研究,并找到了Bootstrap官方网站,但之后只有一个下载部分和几句话。没有什么可以解释它的用途是什么...我只是了解它是一个前端助手。我试图通过Google搜索找到一些东西,但没有发现任何具体问题。我发现的一切都与计算机科学定义有关。

因此,我的问题是:

  • Bootstrap到底是什么?
  • 它的作用是什么,它如何帮助前端开发?
  • 我还想解释更多细节。

第1984篇《什么是Bootstrap?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

8个回答
GilStafan 2020.03.18

Bootstrap是世界上最流行且使用最广泛的开源框架,用于使用HTML,CSS和JS进行开发。它是HTML的前端框架。Bootstrap有助于构建响应式网站或Web应用程序,以及一个12列的网格系统,可帮助将网站动态调整为合适的屏幕分辨率。引导程序的当前版本为4.3.1,引导程序团队还正式宣布了Bootstrap 5版本和更改,例如从引导程序中删除jquery。引导框架最可取的一些关键原因是

  • 这个用起来很简单
  • Bootstrap具有强大的社区支持
  • 定制可以轻松完成
  • 它提高了开发速度
  • 反应性

    有关更多详细信息,您可以访问官方网站:https : //getbootstrap.com/

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

阳光Tom逆天 2020.03.18

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

但是,准确无误的是,Bootstrap是CSS,JavaScript和HTML 设计实用程序的开源,移动优先的集合,旨在提供比必须从头开始编写它们更快,更聪明的通用Web元素的开发方法。 。

推动Bootstrap成功的一些核心原则:

  • 可重用
  • 它很灵活(即:允许自定义网格系统,轻松更改响应断点,列装订线大小或状态颜色;根据经验,大多数设置由全局变量控制)
  • 这很直观
  • 它是模块化的(JavaScript和(S)CSS都使用模块化方法;可以轻松找到有关制作自定义Bootstrap构建的教程,仅包括所需的部分)
  • 具有高于平均水平的跨浏览器兼容性
  • 开箱即用的网络可访问性(支持屏幕阅读器)
  • 它有充分的记录

它包含以下设计模板和功能:布局,版式,表单,导航,菜单(包括下拉菜单),按钮,面板,徽章,模式,警报,选项卡,可折叠,手风琴,轮播,列表,表格,分页,媒体实用程序(包括嵌入,图像和图像替换),响应度实用程序,基于颜色的实用程序(主要,辅助,危险,警告,信息,亮,暗,静音,白色),其他实用程序(位置,边距,填充,大小,间距,对齐,可见性),滚动式,粘贴式,工具提示,弹出式窗口。


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

Working with Bootstrap relies heavily on applying certain classes (or, depending on JS framework: directives, methods or attributes/props) and on using particular markup structures.

Documentation typically contains generic examples which can be easily copy-pasted and used as starter templates.


Another advantage of developing with Bootstrap is its vibrant community, translated into an abundance of themes, templates and plugins available for it, most of which are open-source (i.e: calendars, date/time-pickers, plugins for tabular content management, as well as libraries/component collections built on top of Bootstrap, such as MDB, portfolio templates, admin templates, etc...)

Last, but not least, Bootstrap has been well maintained over the years, which makes it a solid choice for production-ready applications/websites.

神乐西里 2020.03.18

Bootstrap是一个HTML,CSS,JS框架,具有许多组件,可让您快速创建美观而现代的网站或Web应用程序。

以下网站包含示例,元素和可重用组件,您可以使用引导框架将其集成到项目中

bootsnipp.com

startbootstrap.com

bootdey.com

飞云西门Tony 2020.03.18

Bootstrap是一个开源CSS,JavaScript框架,最初是由twitter的设计师和开发人员团队为twitter应用程序开发的。然后他们将其发布为开源。作为Twitter Bootstrap的长期用户,我发现它是设计可移动响应式网站的最佳平台之一。许多CSS和Javascript插件可用于立即设计您的网站。这是一种快速的模板设计框架。有人抱怨引导CSS文件很重,需要花费一些时间来加载,但是这些声明是由懒惰的人提出的。您不必将完整的bootstrap.css保留在您的网站中。您始终可以选择删除网站不需要的组件样式。例如,如果您仅使用表单和按钮之类的基本组件,则可以从主CSS文件中删除其他组件,例如手风琴等。要开始尝试启动引导程序,您可以从以下位置下载基本模板和组件getbootstrap网站,让魔术发生。

十三西里GO 2020.03.18

用简单的话来说,您可以将Bootstrap理解为Twitter创建的前端Web框架,以更快地创建设备响应Web应用程序。Bootstrap通常也可以理解为其中定义的CSS类的集合,这些CSS类可以直接使用。它在后台使用CSS,javascript,jQuery等为Bootstrap元素创建样式,效果和动作。

您可能知道我们使用CSS来设置网页元素的样式,并创建类并将类分配给网页元素以将样式应用于它们。Bootstrap在这里使设计更加简单,因为我们只需要包括Bootstrap文件,并为我们的网页元素提及Bootstrap的预定义类名,它们将通过Bootstrap自动设置样式。通过这种方式,我们无需编写自己的CSS类来设置网页元素的样式。最重要的是,Bootstrap的设计方式使您的网站设备具有响应能力,这是其主要目的。Bootstrap的其他替代方案可能是-FoundationMaterialize等框架。

Bootstrap使您无需编写大量CSS代码,还节省了您在设计网页上花费的时间。

猿A 2020.03.18

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

猪猪路易 2020.03.18

Bootstrap是Twitter团队开发的开源Javascript框架。它是HTML,CSS和Javascript代码的组合,旨在帮助构建用户界面组件。Bootstrap也被编程为支持HTML5和CSS3。

也称为前端框架。

Bootstrap是用于创建网站和Web应用程序的免费工具集合。

它包含用于排版,表单,按钮,导航和其他界面组件的基于HTML和CSS的设计模板,以及可选的JavaScript扩展。

程序员偏爱Bootstrap框架的一些原因

  1. 易于上手

  2. 伟大的网格系统

  3. 大多数HTML元素的基本样式(版式,代码,表格,表单,按钮,图像,图标)

  4. 广泛的组件清单

  5. 捆绑的Javascript插件

取自关于Bootstrap框架

理查德Stafan达蒙 2020.03.18

它是HTML,CSS和JavaScript开源框架(最初由Twitter创建),您可以将其用作创建网站或Web应用程序的基础。

更新资料

官方引导网站已更新,并包含清晰的定义。

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

“由@mdo@fat结合世界上所有的爱进行设计和建造。”

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android