Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Applying styles to tables with Twitter Bootstrap

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?

like image 613
Chin Avatar asked Mar 07 '12 04:03

Chin


1 Answers

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> 
like image 193
Ivo Bosticky Avatar answered Sep 20 '22 16:09

Ivo Bosticky