make table responsive with bootstrap code example

Example 1: bootstrap table list

  

    

      
#
      
First
      
Last
      
Handle
    
  
  

    

      
1
      
Mark
      
Otto
      
@mdo
    
    

      
2
      
Jacob
      
Thornton
      
@fat
    
    

      
3
      
Larry the Bird
      
@twitter
    
  

Example 2: bootstrap Tables

Due to the widespread use of tables across third-party widgets like 
calendars and date pickers, we’ve designed our tables to be opt-in. 
Just add the base class .table to any , then extend with custom 
styles or our various included modifier classes.

Using the most basic table markup, here’s how .table-based tables 
look in Bootstrap. All table styles are inherited in Bootstrap 4,
meaning any nested tables will be styled in the same manner as the parent.


  

    

      
#
      
First
      
Last
      
Handle
    
  
  

    

      
1
      
Mark
      
Otto
      
@mdo
    
    

      
2
      
Jacob
      
Thornton
      
@fat
    
    

      
3
      
Larry
      
the Bird
      
@twitter