这里有很多与Bootstrap相关的问题。我看到很多人都在用它。所以我试着去研究它,我找到了官方的Bootstrap网站,但那里只有一个下载部分和几句话。没有什么能解释它是干什么用的……我只知道它是一个前端助手。我试图通过谷歌搜索一些东西,但没有找到具体的东西。我所找到的一切都与计算机科学的定义有关。
所以,我的问题是:
什么是Bootstrap ? 它的用途是什么,它如何帮助前端开发? 我还想了解更多细节。
这里有很多与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/
其他回答
引导最流行的HTML, CSS和JS框架来开发响应式的,移动优先的web项目。它是非常流行的开源工具包。非常容易使用它的造型。最新版本是bootstrap 4。bootstrap具有Sass变量和mixins,响应式网格系统,广泛的预构建组件和强大的JavaScript插件。 现在他们为React Js、Angular和Vue指定了他们的工具包
Bootstrap主页 Vue引导 角引导 引导的反应
简单地说,Bootstrap可以理解为一个前端web框架,它是由Twitter创建的,用于更快地创建设备响应式web应用程序。Bootstrap也可以主要理解为定义在其中的CSS类的集合,可以简单地直接使用。它利用CSS, javascript, jQuery等在后台为Bootstrap元素创建样式,效果和动作。
You might know that we use CSS for styling webpage elements and create classes and assign classes to webpage elements to apply the style to them. Bootstrap here makes the designing simpler since we only have to include Bootstrap files and mention Bootstrap's predefined class names for our webpage elements and they will be styled automatically through Bootstrap. Through this, we get rid of writing our own CSS classes to style webpage elements. Most importantly Bootstrap is designed in such a way that makes your website device responsive and that is the main purpose of it. Other alternates for Bootstrap could be - Foundation, Materialize etc. frameworks.
Bootstrap让你从编写大量的CSS代码中解脱出来,它也节省了你在设计网页上花费的时间。
根据今天的标准和网络术语,我想说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 is an open-source CSS, JavaScript framework that was originally developed for twitter application by twitter's team of designers and developers. Then they released it for open-source. Being a longtime user of twitter bootstrap I find that its one of the best for designing mobile ready responsive websites. Many CSS and Javascript plugins are available for designing your website in no time. It's kind of rapid template design framework. Some people complain that the bootstrap CSS files are heavy and take time to load but these claims are made by lazy people. You don't have to keep the complete bootstrap.css in your website. You always have the option to remove the styles for components that you do not need for your website. For example, if you are only using basic components like forms and buttons then you can remove other components like accordions etc from the main CSS file. To start dabbling in bootstrap you can download the basic templates and components from getbootstrap site and let the magic happen.
Bootstrap is an open-source Javascript framework developed by the team at Twitter. It is a combination of HTML, CSS, and Javascript code designed to help build user interface components. Bootstrap was also programmed to support both HTML5 and CSS3. Also it is called Front-end-framework. Bootstrap is a free collection of tools for creating a websites and web applications. It contains HTML and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. Some Reasons for programmers preferred Bootstrap Framework Easy to get started Great grid system Base styling for most HTML elements(Typography,Code,Tables,Forms,Buttons,Images,Icons) Extensive list of components Bundled Javascript plugins
摘自About Bootstrap Framework