什么是引导?(What is Bootstrap?)

2019-07-18 19:25发布

有很多这里来引导相关的问题。 我看到很多人使用它。 所以,我想研究它,我发现的官方网站自举 ,但只有一个下载部分,后那几句话。 没有解释什么是它...我只是明白,这是一个前端帮手。 我试图找到谷歌搜索的东西,但没有发现任何具体的。 一切我发现是与计算机科学的定义。

所以,我的问题是:

  • 什么是引导呢?
  • 这是什么用途,以及它如何帮助前端开发?
  • 我也希望有更好的细节解释它。

Answer 1:

这是一个HTML,CSS和JavaScript的开源框架(最初是由Twitter的创建),你可以作为创建Web站点或Web应用程序的基础上使用。

  • 更多信息和链接下载

  • 入门

  • 例子

  • 主题

  • Bootply -引导编辑器,生成器

更新

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

“引导是最流行的HTML,CSS,并且在网络上开发响应,移动的第一个项目JS框架。”

“设计并通过与世界上所有的爱建@mdo和@fat 。”



Answer 2:

引导是由团队的Twitter开发的一个开源的JavaScript框架。 这是HTML,CSS的组合,旨在帮助构建用户界面组件的JavaScript代码。 自举也被编程为支持HTML5和CSS3。

此外,它被称为前端框架。

引导是一个工具,用于创建一个网站和Web应用程序的免费回收。

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

有些原因程序员首选引导框架

  1. 轻松上手

  2. 大电网系统

  3. 基本造型为大多数HTML元素(排版,代码,表格,表单,按钮,图像,图标)

  4. 组件的详细列表

  5. 捆绑插件的Javascript

来自关于引导框架



Answer 3:

自举,因为我知道这是一个良好定义的CSS。 虽然使用引导,你也可以使用JavaScript和jQuery等,但主要区别在于,使用引导你可以调用类的名称,然后你得到的HTML表单上的输出。 对于如。 按钮成形文本的,使用布局的着色。 对于这一切,你不必写一个CSS文件,而你只需要使用正确的类名塑造你的HTML表单。



Answer 4:

在简单的话,你可以理解为引导程序,是由Twitter的创建速度更快的设备,响应Web应用程序创建一个前端Web框架。 自举也可以主要理解为可以简单地直接使用在其中定义的CSS类的集合。 这使得在后台创建样式,影响和引导要素的动作使用CSS,JavaScript的,jQuery的等等。

你可能知道,我们使用CSS样式的网页元素和创建类和分配类网页元素的样式适用于他们。 引导使得这里的设计简单,因为我们只需要包括引导文件和引导提到的预定义的类名称为我们的网页元素,他们将自动通过引导样式。 通过这一点,我们摆脱我们自己的CSS类写入风格的网页元素。 更重要的是引导的设计是这样的方式,使您的网站器件,响应,这是它的主要目的。 为引导其他候补可能是- 基金会 , Materialise公司等框架。

引导让你从编写大量的CSS代码免费的,而且还可以节省您的时间,你在设计网页花费。



Answer 5:

引导是一个开源的CSS,这是由设计师和开发人员的Twitter的团队为Twitter应用程序最初开发的JavaScript框架。 然后,他们发布了它的开源。 作为叽叽喳喳的长期用户引导我找到的最好的设计移动准备响应网站的一个。 许多CSS和Javascript的插件都可以在任何时间,你的网站设计。 这是一种快速的模板设计框架。 有人抱怨引导CSS文件比较重,需要时间来加载,但这些说法都是由懒惰的人做。 你不必保持完整bootstrap.css在您的网站。 你总是要删除样式,你不需要为你的网站组件的选项。 例如,如果你只使用像表单和按钮基本组件,那么你可以删除其他组件,如从主CSS文件手风琴等。 要开始引导你可以从下载的基本模板和组件涉足getbootstrap的网站,让魔术发生。



Answer 6:

引导是一个HTML,CSS,JS用,让你创造美丽和现代化的网站或网络应用程序非常快速的许多组件框架。



Answer 7:

免责声明:我已经在过去使用的引导,但我从来没有真正认识它实际上是什么之前,这说明来自我来我自己的定义,今天。 我知道,引导V4已经出来了,但是我发现引导v3的文档,更清晰,让我用。 该库是不会从根本上改变它所提供的。

简要地

引导是CSS的集合,它提供了标准的HTML元素一些好看的默认样式的JavaScript文件,而不是标准的HTML元素的一些常见的网络内容对象。

打个比方,这有点像在PowerPoint应用主题,但对你的网站:它使事情看起来相当不错没有太多的初步努力。

这是什么组成的呢?

官方v3文档资料,将其分解为三个部分:

  • CSS
  • 组件
  • 使用Javascript

这大致对应于引导提供三个主要的事情:

  • 纯CSS文件样式标准HTML元素。 因此,引导使你的标准元素非常好看。 例如HTML: <input class="btn btn-default" type="button" value="Input">Click me</button>
  • 使用标准的HTML元素的造型CSS文件,以使它们成为东西是不是一个标准的HTML元素,但是一个标准的引导元件(例如https://getbootstrap.com/docs/3.3/components/#progress )。 通过这种方式引导延伸在视觉上一致的方式“标准”的网络元素的列表。 例如HTML: <span class="glyphicon glyphicon-align-left"></span>
  • CSS类的设计与jQuery的一点。 在内部,引导使用jQuery选择来动态修改的样式,并与DOM的互动,从而为用户提供同样的功能。 我认为,这需要更多的解释,所以...

使用Javascript / jQuery的

引导扩展jQuery的相当多。 如果我们看一下源代码,我们可以看到它使用了jQuery做这样的事情: 为keydown事件成立了听众的下拉菜单进行交互 。 它所有当您导入它在你这个jQuery设置的<script>标签,所以你需要确保jQuery是加载之前自举。

此外,它关系的JavaScript和DOM比普通jQuery的更紧密,提供了一个JavaScript类接口。 例如切换按钮编程 。 请记住,CSS只是定义了事情的样子,所以这些操作的主要工作将趋向于要修改的CSS类应用到元素在那个时刻。 这种变化,根据用户的输入,不能用简单的CSS来实现。

还有其他一些与我们对互联网的娇客来未涵盖的CSS用户交互的标准。 就像,点击该滚动你失望的网页,而不是改变页面的链接。 其中一个是引导给你的东西是落实在自己的网站此行为的简单方法。

标准

我刚才提到的单词“标准”在这里很多,而且有很好的理由。 我认为,引导提供的最好的事情是一套好看的标准。 你可以自由地尽可能多的,只要你想修改默认的主题,但它比原始的HTML,CSS和JS更好的基线。 这就是为什么它被称为“框架”。

不同的网络浏览器有不同的默认样式,可以采取不同的,需要不同的CSS前缀之类的东西。 自举的一个主要好处是,它是比写所有的跨浏览器自己的东西(你将仍然有问题,我敢肯定,但它更容易)更可靠。

我认为,引导是首选更多的时候一饮而尽和巴贝尔并没有那么受欢迎了。 望着引导它似乎来自一个时间大家编译其JavaScript之前。 它仍然是相关的,但你可以得到一些从其他来源的好处了。

最近CSS版本已经允许你为他们改变这些静态列表之间定义过渡。 引导的最初版本实际上早于广泛传播采用这种能力的浏览器,所以他们仍然有自己的动画类。 但是也有一些像这样的自举的几个位:其他的东西,想出了绕过它,使它看起来有点多余。



文章来源: What is Bootstrap?