Bootstrap CSS和组件之间的区别

Question

在getbootstrap.com上，功能会在标题CSS，Components和JavaScript下分开。 CSS和Components之间有什么区别？究竟决定哪个引导功能属于这两个类别中的哪一个？

我一直试图弄清楚这一点。今天我决定去寻找它，但没有找到答案。

Answer 1

CSS

  

全局CSS设置，使用可扩展类进行样式化和增强的基本HTML元素以及高级网格系统。

层叠样式表。您可以根据HTML元素的标记，id，类为HTML元素定义特定样式。本节介绍如何使用Bootstrap提供的内置类来快速设置元素样式。而不是从头开始创建自己的样式表。

• 文本的辅助颜色类
• 表条带化
• 字体选择（标题1，标题2等）
• 撰写code
时更改字体和文字背景

部件

  

十几个可重复使用的组件，用于提供图标，下拉菜单，输入组，导航，警报等等。

组件不是修改当前元素，而是使用Bootstrap（和标准）标记和类的组合来创建网页的功能。仅<nav>是单个元素，但将其与无序列表和链接混合会创建navbar。

• 使用课程pagination下的无序列表创建页码导航
• 使用面板为其子元素添加边框和可能的背景。
• Glyphicons为<span>元素添加特定类以呈现图标。

的JavaScript

  

使用十几个自定义jQuery插件将Bootstrap的组件变为现实。轻松地将它们全部或一个一个地包括在内。

为了完成，Bootstrap框架具有预定义的jQuery函数，以允许许多组件工作。

• 突出显示活动表单字段
• 下拉菜单中的动画
• 将鼠标悬停在元素上时显示工具提示

Answer 2

据我所知，CSS下的功能或多或少只是基本和基本的单个HTML元素，例如div，table和button ......另一方面，COMPONENTS下的多数功能不仅仅是一个HTML标签，也不是所谓的基本元素。这些组件可以直接使用，并由不同的HTML标签组合在一起构成组件。

组件通常是常用的元素，不能使用单个HTML标记构建，例如img或button。

Answer 3

正如他们在网站上所说的那样。

CSS：

  

全局CSS设置，使用可扩展类进行样式化和增强的基本HTML元素以及高级网格系统。

组件：

  

十几个可重复使用的组件，用于提供图标，下拉菜单，输入组，导航，警报等等。

JavaScript的：

  

使用十几个自定义jQuery插件将Bootstrap的组件变为现实。轻松地将它们全部或一个一个地包括在内。

Bootstrap可以不带组件存在，但不能没有基本的CSS样式。