Bootstrap styling guide

HTML code and instructions for using the styles demonstrated in this 'topic'


Consistent formatting and layout is helpful to users, as they know what to expect and look for. If different colours, sizes and types are used for fonts, the site will start to look 'busy' (cluttered) and become confusing for students. 

The features in this section will help make your site more usable and attractive for the user.


  • Do you want to emphasise important information? Use an alert
  • Do you want to draw attention to key concepts or other points? Use a well
  • Do you want to add extra information without taking up space? Use a tooltip