这里有很多与Bootstrap相关的问题。我看到很多人都在用它。所以我试着去研究它,我找到了官方的Bootstrap网站,但那里只有一个下载部分和几句话。没有什么能解释它是干什么用的……我只知道它是一个前端助手。我试图通过谷歌搜索一些东西,但没有找到具体的东西。我所找到的一切都与计算机科学的定义有关。
所以,我的问题是:
什么是Bootstrap ? 它的用途是什么,它如何帮助前端开发? 我还想了解更多细节。
这里有很多与Bootstrap相关的问题。我看到很多人都在用它。所以我试着去研究它,我找到了官方的Bootstrap网站,但那里只有一个下载部分和几句话。没有什么能解释它是干什么用的……我只知道它是一个前端助手。我试图通过谷歌搜索一些东西,但没有找到具体的东西。我所找到的一切都与计算机科学的定义有关。
所以,我的问题是:
什么是Bootstrap ? 它的用途是什么,它如何帮助前端开发? 我还想了解更多细节。
当前回答
据我所知,Bootstrap是一个定义良好的CSS。虽然使用Bootstrap,你也可以使用JavaScript, jQuery等。但主要的区别是,使用Bootstrap,您可以只调用类名,然后在HTML表单上获得输出。如。按钮的着色,文本的塑造,使用布局。对于所有这些,您不必编写CSS文件,而只需使用正确的类名来塑造您的HTML表单。
其他回答
Bootstrap是开源的HTML框架。几乎所有浏览器都兼容。基本上大屏浏览器的宽度是>992px和特大号1200px。因此,通过使用Bootstrap定义的类,我们可以调整屏幕分辨率,以显示从小手机到大屏幕的每个屏幕上的内容。我尽量简短地解释。 例如:
<div class="col-sm-3">....</div>
<div class="col-sm-9">....</div>
简单地说,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是一个开源的,移动优先的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
它是一个HTML、CSS和JavaScript开源框架(最初由Twitter创建),您可以使用它作为创建网站或web应用程序的基础。
更多信息和下载链接 开始 例子 主题 引导-引导编辑器和生成器
更新
官方引导网站更新,包括一个明确的定义。
Bootstrap是最流行的HTML、CSS和JS框架,用于开发响应式、移动优先的web项目。”
“由@mdo和@fat用全世界所有的爱设计和建造。”
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/