Bootstrap and Moodle and Tables oh my.

With so many installing or creating Bootstrap based themes – I have noticed more and more use the features in course content. You can style quite a bit, and make things look pretty!

Styling tables in Moodle with Bootstrap

There are a few nice style options for when you lay out table data.

Default Table layout

Default Table in Moodle with no styling

You can specify the following in the class to take advantage of nice styles.

• table
• table-striped
• table-bordered
• table-condensed

Same table using the class=”table”

Same table using the class=”table”

Same table using the class=”table table-striped” option

Same table using the class=”table table-striped” option

Same table using the class=”table table-bordered” option

Same table using the class=”table table-bordered” option

Same table using the class=”table table-condensed” option

Same table using the class=”table table-condensed” option

Of course you can combine these too.