找到 628 篇文章,关于CSS框架

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                                        大众                                              Vento                      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类的<div>。接下来,在上面的<div>内,添加一个带有.progress-bar类和progress-bar-*类的空<div>,其中*可以是success、info、warning、danger。添加一个style属性,其宽度以百分比表示。例如,style = "60%";表示进度条已完成60%。您可以尝试运行以下代码来形成一个条纹进度条:示例在线演示           Bootstrap 示例                                               条纹进度条           警告进度条                                  45%完成(警告)                               危险进度条                                  80%完成(危险)                                

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

Arjun Thakur
更新于 2020年6月12日 22:28:43

139 次浏览

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

如何在Bootstrap中使用Glyphicons图标

Smita Kapse
更新于 2020年6月12日 22:27:06

1K+ 次浏览

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

使用Bootstrap增加段落的字体大小

Nancy Den
更新于 2020年6月12日 22:30:07

1K+ 次浏览

在Bootstrap中使用.lead类来增加段落的字体大小。您可以尝试运行以下代码来实现lead类:示例在线演示           Bootstrap 示例                                               足球                       FIFA                 2018年国际足联世界杯是第21届国际足联世界杯。                FIFA 2018正在俄罗斯举行。                

使用Bootstrap添加黄色标签(显示警告)

George John
更新于 2020年6月12日 22:32:13

189 次浏览

在Bootstrap中使用.label-warning类添加黄色标签。您可以尝试运行以下代码来实现.label-warning类:示例在线演示           Bootstrap 示例                                              警告标签                警告                

使用Bootstrap添加绿色标签(显示成功)

Anvi Jain
更新于 2020年6月12日 22:33:14

203 次浏览

在Bootstrap中使用.label-success类添加绿色标签。您可以尝试运行以下代码来实现.label-success类:示例在线演示           Bootstrap 示例                                              成功标签                成功                

广告