Bootstrap Tables

Listing 8.1 - A basic bootstrap table, styled with the .table class.

Contact Information
Name Title URL Email
Jennifer Kyrnin Chief Dandylion Officer http://htmljenn.com/ [email protected]
McKinley Dandelion Observation Officer http://responsivewebdesignin24hours.com/mckinley [email protected]
Rambler Chief Taste Tester http://responsivewebdesignin24hours.com/rambler [email protected]

McKinley and Rambler are a dog and a horse, respectively.

Listing 8.2 - A more sophisticatedly-styled bootstrap table, styled with the .table class, as well as .table-bordered, .table-striped, .table-hover, and .table-condensed

Contact Information
Name Title URL Email
Jennifer Kyrnin Chief Dandylion Officer http://htmljenn.com/ [email protected]
McKinley Dandelion Observation Officer http://responsivewebdesignin24hours.com/mckinley [email protected]
Rambler Chief Taste Tester http://responsivewebdesignin24hours.com/rambler [email protected]

McKinley and Rambler are a dog and a horse, respectively.

Listing 8.3 - The same table, but using a different style rule for the .table-striped class

Contact Information
Name Title URL Email
Jennifer Kyrnin Chief Dandylion Officer http://htmljenn.com/ [email protected]
McKinley Dandelion Observation Officer http://responsivewebdesignin24hours.com/mckinley [email protected]
Rambler Chief Taste Tester http://responsivewebdesignin24hours.com/rambler [email protected]

McKinley and Rambler are a dog and a horse, respectively.

Listing 8.4 - A Table in a Panel

Learn More About Our Company
Dandelions are more than our business, they are our passion!
Contacts
Name Title URL Email
Jennifer Kyrnin Chief Dandylion Officer http://htmljenn.com/ [email protected]
McKinley Dandelion Observation Officer http://responsivewebdesignin24hours.com/mckinley [email protected]
Rambler Chief Taste Tester http://responsivewebdesignin24hours.com/rambler [email protected]

McKinley and Rambler are a dog and a horse, respectively.