找到 700 篇文章 关于 Bootstrap

如何使用 Bootstrap 按钮插件

Smita Kapse
更新于 2020年6月15日 06:34:08

90 次查看

添加一些交互,例如控制按钮状态或创建按钮组以用于更多组件,例如使用插件的工具栏。您可以尝试运行以下代码以实现按钮插件 -示例实时演示           Bootstrap 示例                                 按钮示例                             主按钮                                $(function () {             $("#myButtons1 .btn").click(function(){                $(this).button('toggle');             });          });          

使用 Bootstrap 创建大型输入字段

Arjun Thakur
更新于 2020年6月15日 06:32:44

428 次查看

使用 .input-lg 类在 Bootstrap 中设置大型输入字段。您可以尝试运行以下代码以实现 .input-lg 类 -示例实时演示           Bootstrap 示例                                                      候选人资料                                      您的职位是什么?                                   程序员                   Web 开发人员                   DBA                   支持工程师                                                        教育资格                                   本科                   研究生                   研究生                                                  

使用 Bootstrap 创建一个超小型按钮组

Smita Kapse
更新于 2020年6月15日 06:35:32

241 次查看

要在 Bootstrap 中创建一个大型按钮组,请使用 .btn-group-xs 类。您可以尝试运行以下代码以实现 .btn-group-xs 类 -示例实时演示           Bootstrap 示例                                 以下是汽车品牌:                宝马          奥迪          吉普          达特桑          丰田             以下是快速消费品:                ITC 有限公司          高露洁棕榄          雀巢          百事可乐有限公司          

Bootstrap 进度条类

George John
更新于 2020年6月15日 06:36:49

201 次查看

在 Bootstrap 中使用 progress-bar 类创建进度条。您可以尝试运行以下代码以在 Bootstrap 中实现 progress-bar 类 -示例实时演示           Bootstrap 示例                                                       70% 已完成                    

使用 Bootstrap 为列表组中的列表项设置危险操作

Smita Kapse
更新于 2020年6月15日 06:38:08

76 次查看

在 Bootstrap 中使用 .list-group-item-danger 类为列表组中的列表项设置危险操作 -示例实时演示           Bootstrap 示例                                          演示一                                      A                                        B                                

Bootstrap 列表组中的项目文本

Chandu yadav
更新于 2020年6月15日 06:39:35

252 次查看

要设置列表组中的项目文本,请使用 .list-group-item-text 类。您可以尝试运行以下代码以实现 .list-group-item-text 类 -示例实时演示           Bootstrap 示例                                        汽车                                      现代                i10                i20                                      大众                                速腾                POLO                                

在 Bootstrap 中创建列表组标题

Vrundesha Joshi
更新于 2020年6月12日 22:23:51

2K+ 次查看

要创建列表组标题,请在 Bootstrap 中使用 .list-group-item-heading 类。您可以尝试运行以下代码以实现 .list-group-item-heading 类 -示例实时演示           Bootstrap 示例                                          国家                                      亚洲                印度                尼泊尔                                      欧洲                德国                意大利                西班牙                                

创建带条纹的 Bootstrap 进度条

Ankith Reddy
更新于 2020年6月12日 22:26:06

483 次查看

按照以下步骤在 Bootstrap 中创建带条纹的进度条:添加一个带有 .progress 和 .progress-striped 类的 元素。接下来,在上述 元素内部,添加一个空的 带有 .progress-bar 类和 progress-bar-* 类的 元素,其中 * 可以是 success、info、warning、danger。添加一个 style 属性,其中宽度表示为百分比。例如,style = "60%"; 表示进度条已完成 60%。您可以尝试运行以下代码来形成一个带条纹的进度条:示例在线演示           Bootstrap 示例                                 带条纹的进度条       警告进度条                             已完成 45%(警告)                     危险进度条                             已完成 80%(危险)                    

在 Bootstrap 中创建带边框的列表组

Arjun Thakur
更新于 2020-06-12 22:28:43

浏览量 139 次

在 Bootstrap 中使用 .list-group 类来创建带边框的列表组。您可以尝试运行以下代码来实现 .list-group 类:示例在线演示           Bootstrap 示例                                          国家                       美国             印度             荷兰             德国                    

如何在 Bootstrap 中使用 Glyphicons 图标

Smita Kapse
更新于 2020-06-12 22:27:06

浏览量 1K+

要在 Bootstrap 中使用 Glyphicons 图标,请在代码中的任何位置使用以下代码。在图标和文本之间留一个空格以进行适当的填充,例如:示例在线演示         Bootstrap 示例                                     您可以尝试运行以下代码来实现 Glyphicons 图标:示例在线演示           Bootstrap 示例                                 以下是图标:                                                                                                                

广告