Here we are solving a basic problem faced by a beginner web developer in bootstrap i.e. designing tables in bootstrap .

Objectives and Outcomes

In this, we will discuss about designing tables in bootstrap

Tables

The following example shows the code for inserting a table in your webpage:

<table class="table table-hover">
    <thead>
      <tr >
        <th>Name</th>
        <th>Course</th>
        <th>Email</th>
      </tr>
    </thead>
    <tbody>
      <tr class="success">
        <td>Bootstrap</td>
        <td>Igneus</td>
        <td>bootstrap@example.com</td>
      </tr>
      <tr>
        <td>HTML</td>
        <td>IgneusTech</td>
        <td class="info">html@example.com</td>
      </tr>
      <tr>
        <td>PHP</td>
        <td>Igneus Techologies</td>
        <td>php@example.com</td>
      </tr>
    </tbody>
</table>
Name Course Email
Bootstrap Igneus bootstrap@example.com
HTML IgneusTech html@example.com
PHP Igneus Techologies php@example.com