title: How to create a table only using <div> tag and bootstrap?
body: <p>I have code below using table tag. But I want the same table using div tag. I have tried but could not make it same. Below I have attached the the image as well. Please help me out to create the same table using div tag.</p>
  
  <p><a href="https://i.stack.imgur.com/0JWl9.png" rel="noreferrer"><img src="https://i.stack.imgur.com/0JWl9.png" alt="enter image description here"></a></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
      &lt;html lang="en"&gt;
      &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;title&gt;Example of Bootstrap 3 Simple Tables&lt;/title&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;style type="text/css"&gt;
          .bs-example{
              margin: 20px;
          }
      &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
      &lt;div class="bs-example"&gt;
          &lt;table class="table"&gt;
              &lt;thead&gt;
                  &lt;tr&gt;
                      &lt;th&gt;Row&lt;/th&gt;
                      &lt;th&gt;First Name&lt;/th&gt;
                      &lt;th&gt;Last Name&lt;/th&gt;
                      &lt;th&gt;Email&lt;/th&gt;
                  &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody&gt;
                  &lt;tr&gt;
                      &lt;td&gt;1&lt;/td&gt;
                      &lt;td&gt;John&lt;/td&gt;
                      &lt;td&gt;Carter&lt;/td&gt;
                      &lt;td&gt;johncarter@mail.com&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;2&lt;/td&gt;
                      &lt;td&gt;Peter&lt;/td&gt;
                      &lt;td&gt;Parker&lt;/td&gt;
                      &lt;td&gt;peterparker@mail.com&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;3&lt;/td&gt;
                      &lt;td&gt;John&lt;/td&gt;
                      &lt;td&gt;Rambo&lt;/td&gt;
                      &lt;td&gt;johnrambo@mail.com&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/tbody&gt;
          &lt;/table&gt;
      &lt;/div&gt;
      &lt;/body&gt;
      &lt;/html&gt;      
  </code></pre>