title: How to make the html table responsive?
body: <p>I have used Bootstrap div to make the below table,but its not responsive for mobile devices.
  I have used col-xs,but still the column merge with each other in  mobile view.Is there any other way to make this code responsive to mobile devices?</p>
  
  <pre><code>&lt;div class="container" style="color: grey; padding-top: 40px"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-md-12 col-xs-12"&gt;
              &lt;div class="col-xs-12" style="border-bottom: 1px solid #eee;"&gt;
  
                  &lt;div class="col-md-6 col-xs-4"&gt;
                      &lt;span&gt;Item&lt;/span&gt;
                  &lt;/div&gt;
  
                  &lt;div class="col-md-1 col-xs-1"&gt;
                      &lt;span&gt;Price&lt;/span&gt;
                  &lt;/div&gt;
                  &lt;div class="col-md-1 col-xs-1"&gt;
                      &lt;span&gt;Quantity&lt;/span&gt;
                  &lt;/div&gt;
                  &lt;div class="col-md-1 col-xs-1"&gt;
                      &lt;span&gt;Total&lt;/span&gt;
                  &lt;/div&gt;
                  &lt;div class="col-md-1 col-xs-1"&gt;
                      &lt;span&gt;Delivery Charge&lt;/span&gt;
                  &lt;/div&gt;
                  &lt;div class="col-md-1 col-xs-1"&gt;
                      &lt;span&gt;Discount&lt;/span&gt;
                  &lt;/div&gt;
                  &lt;div class="col-md-1 col-xs-1"&gt;
                      &lt;span&gt;Subtotal&lt;/span&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
  
           &lt;/div&gt;
  
  &lt;/div&gt;
  
      &lt;div class="row"&gt;
          &lt;div class="col-md-12 col-xs-12"&gt;
              &lt;div class="col-md-6 col-xs-6"&gt;
                  &lt;div class="col-md-5 col-xs-5"&gt;
                  &lt;img src="https://n1.sdlcdn.com/imgs/a/i/0/large/Mboss-Overnighters-SDL963993531-1-2f227.jpg" class="img-responsive"&gt;
                  &lt;/div&gt;
              &lt;div class="col-md-7 col-xs-7 "&gt;
                  &lt;h5&gt;Deisy brown Laptop Overnight&lt;/h5&gt;&lt;br&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="col-md-12 col-sm-2 "&gt;
                          &lt;h5&gt;
                              &lt;b&gt;Seller Information:&lt;/b&gt;
                          &lt;/h5&gt;
                      &lt;/div&gt;
                      &lt;div class="col-md-12 col-sm-10"&gt;
                          &lt;h6&gt;
                              &lt;b&gt;Book Centre&lt;/b&gt;&lt;br&gt;
  
                              371 Colvinjh de sihjglva ,&lt;br&gt;
                              vvv Place,&lt;br&gt;
                              Chghhhgg2&lt;br&gt;
                              0123689955&lt;br&gt;
                          &lt;/h6&gt;
  
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;/div&gt;
  
               &lt;div class="col-md-1 col-xs-1"&gt;
              &lt;span&gt;5780&lt;/span&gt;&lt;br&gt;
          &lt;/div&gt;
               &lt;div class="col-md-1 col-xs-1"&gt;
              &lt;span&gt;  5780&lt;/span&gt;
          &lt;/div&gt;
              &lt;div class="col-md-1 col-xs-1"&gt;
              &lt;span&gt; 5780&lt;/span&gt;
          &lt;/div&gt;
              &lt;div class="col-md-1 col-xs-1"&gt;
              &lt;span&gt;0%&lt;/span&gt;
          &lt;/div&gt;
               &lt;div class="col-md-1 col-xs-1"&gt;
              &lt;span&gt;575855&lt;/span&gt;
          &lt;/div&gt;
             &lt;div class="col-md-1 col-xs-1"&gt;
              &lt;span&gt;575855&lt;/span&gt;
          &lt;/div&gt;
         &lt;/div&gt;
  
  
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>