如何使现有的bootstrap 2表响应？

• 方法1：

  要使表对所有视口大小都具有响应性，请将表包装在打开和关闭的

  标签中，并在开始的

  标签中包含“ table-sensitive”类。

  句法：

  
    
      ...
    
  
  

  示例：该示例描述了“表响应”类。

   
   
   
      
       
       
    
      
       
    
       
    
       
    
   
   
      
   
      
  Bootstrap Table Responsive
   
    
      
      
   
            
          
           
           
               
               
           
           
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
           
          
  Head 
              
  Head 
              
  Head 
              
  Head 
              
  Head 
              
  Head 
              
  Head 
              
  Head 
              
  Head 
              
  Head 
              
  Head 
              
  Head 
              
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
   
    
      
   
      
   
   
  
  

  输出：

  当窗口大小正常时：

  

  当窗口大小较小时(即平板电脑模式)：

  滚动条将出现在平板电脑和移动模式下。

  

• 方法2：特定于断点

  根据需要使用.table-sensitive {-sm | -md | -lg | -xl}创建直到特定断点的响应表。从该断点开始，该表将正常运行并且不会水平滚动。

  Class	Screen Width
  .table-responsive-sm	< 576px
  .table-responsive-md	< 768px
  .table-responsive-lg	< 992px
  .table-responsive-xl	< 1200px

  句法：

  
    
      ...
    
  
  

  示例：该示例描述了“ table-sensitive-sm”类。

   
   
   
      
       
       
    
      
       
    
       
    
       
    
   
   
      
   
      
  Bootstrap Table Responsive-sm
   
    
      
      
   
            
          
           
           
               
               
           
           
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
               
           
          
  Head 
              
  Head 
              
  Head 
              
  Head 
              
  Head 
              
  Head 
              
  Head 
              
  Head 
              
  Head 
              
  Head 
              
  Head 
              
  Head 
              
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
  Data
   
    
      
   
      
   
   
  
  

  输出：

  当窗口大小> 576px时：

  

  当窗口大小小于<576px时：