Question

Does anyone know if it is possible to apply styles on tables with Twitter Bootstrap? I can see some table examples in some older tutorials but not on the Bootstrap site itself.

I’ve tried to set it up but the tables in my page have almost no styling applied to them.

<table>
    <thead>
        <tr>
            <th>#</th>
            <th>First Name</th>
            <th>Last Name</th>
            <th>Language</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>Some</td>
            <td>One</td>
            <td>English</td>
        </tr>
        <tr>
            <td>2</td>
            <td>Joe</td>
            <td>Sixpack</td>
            <td>English</td>
        </tr>
    </tbody>
</table>

What classes do I need to apply?

Answer 1

Bootstrap offers various table styles. Have a look at Base CSS – Tables for documentation and examples.

The following style gives great looking tables:

<table class="table table-striped table-bordered table-condensed">
  ...
</table>