找到 628 篇文章 关于 CSS 框架

Bootstrap 表单结构

George John
更新于 2020年6月12日 13:29:11

429 次浏览

在 Bootstrap 中创建表单,向父元素添加 role="form"。将标签和控件包装在具有 class=".form-group" 的 div 中。这对于最佳间距是必要的。向所有文本、textarea 和 select 元素添加 class=".form-control"。您可以尝试运行以下代码来创建表单 -示例实时演示           Bootstrap 表单                                                               姓名                         主题                                             文件输入                         这里举例说明块级帮助文本。                                 关于我们产品的通知                    提交          

Bootstrap 中的表单布局

Nancy Den
更新于 2020年6月12日 13:31:34

188 次浏览

以下是 Bootstrap 提供的表单布局 -垂直表单Bootstrap 自带基本的表单结构;各个表单控件会自动获得一些全局样式。内联表单要创建表单,其中所有元素都内联、左对齐,并且标签在旁边,请向 form 标签添加 class=".form-inline"水平表单水平表单不仅在标记数量上与其他表单有所区别,而且在表单的呈现方式上也与其他表单有所区别

Bootstrap nav-stacked 类

Ankith Reddy
更新于 2020年6月12日 13:32:57

755 次浏览

使用 nav-stacked 类垂直设置药丸。使用类 .nav-stacked 以及类:.nav、.nav-pills 垂直设置药丸。您可以尝试运行以下代码在 Bootstrap 中设置垂直药丸 -示例实时演示           Bootstrap 示例                                   主题                Java          WordPress          JavaScript          

使用 Bootstrap 指示特定表格行或单元格的危险操作

George John
更新于 2020年6月12日 12:42:43

140 次浏览

要使用 Bootstrap 指示特定表格行或单元格的危险操作,请使用 .danger 类。您可以尝试运行以下代码来实现 .danger 类 -示例实时演示           Bootstrap 表格                                                                                           主题                   分数                   类型                                                                           Java                   90                   编程语言                                                   PHP                   92                   脚本语言                                                 jQuery                   80                   JavaScript 库                                              

使用 Bootstrap 将悬停颜色应用于特定表格行或单元格

Chandu yadav
更新于 2020年6月12日 12:46:00

408 次浏览

要使用 Bootstrap 将悬停颜色应用于特定表格行或单元格,请使用 .active 类。您可以尝试运行以下代码来实现 .active 类 -示例实时演示           Bootstrap 表格                                                                                           主题                   分数                   类型                                                                           C++                   70                   编程语言                                                   PHP                   92                   脚本语言                                                 jQuery                   80                   JavaScript 库                                                

使用 Bootstrap 创建响应式表格

Daniol Thomas
更新于 2020年6月12日 13:34:18

1K+ 次浏览

要使用 Bootstrap 创建响应式表格,请使用 table-responsive 类。您可以尝试运行以下代码来形成响应式表格 -示例实时演示           Bootstrap 表格                                                                                           主题                   分数                   类型                                                                           Java                   90                   编程语言                                                   PHP                   92                   脚本语言                                                 jQuery                   80                   JavaScript 库                                                

使用 Bootstrap 为段落添加一些强调

Arjun Thakur
更新于 2020年6月12日 12:45:20

273 次浏览

Bootstrap 中的 lead 类用于为段落添加强调。您可以尝试运行以下代码在 Bootstrap 中实现 lead 类 -示例在线演示           Bootstrap lead 类                                       二级标题       这是一个演示 lead 正文副本用法的示例段落。          

Bootstrap 类 input-group-xs

Ankith Reddy
更新于 2020-06-12 12:47:32

408 次浏览

要创建超小型输入组,请使用 input-group-xs。您可以尝试运行以下代码在 Bootstrap 中实现 input-group-xs 类 -示例在线演示           Bootstrap 示例                                                                                          $                                                

使用 table-responsive 类使表格响应式

Arjun Thakur
更新于 2020-06-12 12:48:54

220 次查看

要使用 Bootstrap 使表格响应式,您可以尝试运行以下代码 &miuns;示例在线演示           Bootstrap 表格                                                                                        科目                  分数                  学生                                                                        编程                  90                  Amit                                                  Web 开发                  92                  Yuvraj                                                  科学                  95                  Sachin                                                  经济学                  80                  Tony                                                

Bootstrap table-responsive 类

Chandu yadav
更新于 2020-06-12 12:50:07

2K+ 次查看

将任何 .table 包裹在 .table-responsive 类中,您将使表格在小型设备(小于 768px)上水平滚动。当在宽度大于 768px 的任何设备上查看时,您将不会在这些表格中看到任何差异。要创建响应式表格,您可以尝试运行以下代码 -示例在线演示           Bootstrap 表格                                                                                        科目                  分数                  学生                                                                  编程                90                Amit                                        Web 开发                92                Yuvraj                                        科学                95                Sachin                                        经济学                80                Tony                                

广告