📜  Bootstrap 中表的上下文类是什么?

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

Bootstrap 中表的上下文类是什么?

Bootstrap 提供了一系列类,可用于对表格应用各种样式,例如更改标题外观、剥离行、添加或删除边框、使行可悬停等。Bootstrap 还提供了使表格响应式的类。

简单表: .table 类用于创建简单的 Bootstrap 表。此类名称与

标记一起使用以创建表。

句法:

Table Contents...
HTML


    
        Bootstrap Tables
        
        
        
        
        
        
    
    
        
            

                GeeksforGeeks             

                         
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
S. No.                         Name                         City                         Age                     
1                         AkshitMoradabad20
2                         NikitaLucknow21
3                         ParulDehradun22
        
    


HTML


    
        Bootstrap Tables
        
        
        
        
        
        
    
    
        
            

                GeeksforGeeks             

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
S. No.(table-primary)                         Name                         City                         Age                     
1 (table-secondary)AjayPatna20
2 (table-success)RahulChandigarh17
3 (table-info)NikitaMumbai17
4 (table-light)ParulShimla17
5 (table-dark)SomyaDelhi17
6 (table-active)EshikaNoida22
7(table-danger)DeekshaBengaluru21
        
    


输出:

了解 Bootstrap 中表的上下文类

Bootstrap 提供了许多上下文类,可用于为整行或表格的单个单元格着色。这些类应与浅色表一起使用,而不是与深色表一起使用,以获得更好的外观。下面给出了上下文类的列表。

  • 表主
  • 表次
  • 表成功
  • 餐桌危险
  • 表警告
  • 表信息
  • 台灯
  • 暗桌
  • 表活动

句法:


        Content
    

HTML



    
        Bootstrap Tables
        
        
        
        
        
        
    
    
        
            

                GeeksforGeeks             

                         
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
S. No.(table-primary)                         Name                         City                         Age                     
1 (table-secondary)AjayPatna20
2 (table-success)RahulChandigarh17
3 (table-info)NikitaMumbai17
4 (table-light)ParulShimla17
5 (table-dark)SomyaDelhi17
6 (table-active)EshikaNoida22
7(table-danger)DeekshaBengaluru21
        
    

输出: