📜  解释Bootstrap中的基本表

📅  最后修改于: 2022-05-13 01:56:23.214000             🧑  作者: Mango

解释Bootstrap中的基本表

Bootstrap 提供了多种样式和颜色不同的表格,其中一些具有响应式设计,而另一些具有可悬停效果。不同的类可用于对表格进行不同的样式设置,或在引导程序中启用其各种功能,如表格压缩、更改标题外观等。这些类根据用户偏好使用以获得所需的外观。

基本引导表:可以使用 HTML 代码的 table 标记中的.table类来创建基本引导表。它几乎没有样式,只有水平分隔线。我们还可以为表格添加样式,使其看起来更有吸引力。

Bootstrap 表设置样式:用于在 bootstrap 中设置表样式的其他一些类是:

  • table-bordered:用于为表格和单元格添加边框。
  • table-condensed:它将单元格填充减半,使表格更加紧凑和压缩。
  • table-dark:该类用于将表格背景颜色更改为黑色。
  • table-hover:它为表格行启用悬停功能。
  • table-responsive:用于创建响应式表格,即表格可以根据查看的屏幕动态更改其外观。

以下是使用基本 Bootstrap 表的步骤。

第 1 步:在代码中包含以下样式表链接,以向表格添加基本样式,即水平分隔线和填充。

第 2 步:

标记中添加类.table

句法:

S. No. Topic Problems
1 Array 400

示例 1:在此示例中,我们将使用上述步骤创建一个基本的引导表。

索引.html