Bootstrap 是 css 还是 javascript 框架或两者兼而有之？ [关闭]

Posted 2023-02-22

【中文标题】Bootstrap 是 css 还是 javascript 框架或两者兼而有之？ [关闭]

【英文标题】：Bootstrap is css or javascript framework or both? [closed]

【发布时间】：2016-01-31 21:55:19

【问题描述】：

我是新手。我经历过What is Bootstrap?和http://getbootstrap.com/。

根据我目前的理解，bootstrap 实际上是一个 CSS 框架，它可以帮助我们实现适合所有设备的响应式设计。 这在内部意味着

1) Bootstrap 拥有一系列现成的 CSS 文件，可以直接应用于任何 Web 应用程序。

2) 它提供了模块化方式，我们可以在其中构建每个设备的 CSS 文件并应用它

我没有得到的是这个

Bootstrap 是一个 HTML、JavaScript 框架，您可以将其用作基础 用于创建网站或 Web 应用程序。

除了 CSS 之外，bootstrap 在 html 和 javascript 方面提供了哪些功能，它们在响应式设计中的作用是什么？

【问题讨论】：

在响应性方面，请仔细阅读文档的网格系统部分，并使用它。 getbootstrap.com/css/#grid

如果您需要了解它，您必须先了解每种语言的作用。 HTML、CSS 和 JavaScript 是不同的，但它们共同用于创建网站。 HTML 提供内容、CSS 来设置内容的样式以及 JavaScript 来进行内容（DOM）操作。 除了 CSS 之外，bootstrap 在 HTML 和 JavaScript 方面提供了哪些功能？ 查看此页面：getbootstrap.com/javascript 它们在响应式设计中的作用是什么？ 响应式设计是要做的仅使用 CSS 媒体查询。

他们不提供任何关于 HTML 的功能（他们只是使用 HTML 从 Bootstrap 的 CSS 和 JavaScript 代码创建内容）。在 JavaScript 和响应式设计方面，它们提供了诸如折叠导航栏之类的功能（在较大的屏幕上您会看到菜单，在较小的屏幕上您只会看到一个按钮）。

@ManojKumar 这就是我要说的Responsive design is to do with CSS media queries only。我没有在响应式设计中扮演 js 和 html 的角色。我知道我在这里遗漏了一些东西，但如果你能举例说明 js 和 html 是如何发挥作用的，那将会很有帮助

它有点误导，因为 bootstrap 虽然它说 javascript，但它也需要 Jquery 才能工作。这是如果您要使用引导插件。 startbootstrap.com/bootstrap-resources/#plugins

【参考方案1】：

针对您的标题问题'Bootstrap 是 css 还是 javascript 框架还是两者兼而有之？'，Bootstrap 的最新定义（直接取自他们的网站）是 “Bootstrap 是最流行的 HTML、CSS 和 JS 框架，用于在 Web 上开发响应式、移动优先的项目。”。所以是的，就是所有这些。但是，您对此的看法将取决于您当前对“框架” 是什么以及如何使用 HTML、CSS 和 JS 来开发完整的 Web 解决方案/网站的理解。 p>

关于它的功能，没有人能提供像 Bootstraps 文档中那样详细的信息。 http://getbootstrap.com/.

关于响应能力，这是由您在 HTML 页面中包含的引导 CSS 文件提供的。使用@media 查询，一些非常聪明的人想出了一个使用网格系统 (http://getbootstrap.com/css/#grid) 的想法，它“开箱即用”，为您提供 12 列系统，如果使用正确，您可以附加预定义的通过使用百分比的方式将 CSS 类添加到您的 HTML 元素中，可以提供一个完全响应的网站。

可以使用的JavaScript功能如下...

Transitions、Modal、Dropdown、Scrollspy、Tab、Alert、Collapse、Carousel 等等……所有这些，它们本身与响应性无关。

【讨论】：

除非没有collapse，否则您将无法获得有效的汉堡菜单。仅使用 CSS 无法做到这一点（目前）。

啊，非常有道理！

【参考方案2】：

您可以在带有类和元素的 html 中使用引导程序。例如，bootstrap.css 文件将包含表格、锚点、div、列表等样式。

然后将这些应用于 html 元素。

还有很多类可以应用于 html 元素。

查看http://www.layoutit.com/，这将帮助您为您的网站创建模板，然后应用 bootstrap.css 样式表根据您的喜好对其进行自定义。

bootstrap 的 javascript 部分的工作方式与 JQuery 类似。它为 html 的不同元素提供了函数，例如 bootstrap 的 modal 元素可以使用 bootstrap.js 文件中定义的函数

【参考方案3】：

Bootstrap 被视为前端框架。

Bootstrap 是一个免费的开源工具集合，用于创建网站和 Web 应用程序。它包含基于 HTML 和 CSS 的设计模板，用于排版、表单、按钮、导航和其他界面组件，以及可选的 JavaScript 扩展。它旨在简化动态网站和 Web 应用程序的开发。

Bootstrap 是一个前端框架，即用户界面，不同于驻留在“后端”或服务器上的服务器端代码。