FLO style guide for authors

Bootstrap styles in FLO

Bootstrap styles in FLO (site)
Click the image to open the topic site

A complement to this style guide is the demo FLO site Bootstrap styles in FLO. This site features selected additional Moodle styling options that use code – called 'bootstrap' styles. These 'extras' are not part of the normal editing options in FLO (eg table styling, alerts, wells, buttons). 

You can copy and paste the html code provided for styles in this site into your site. You will need to edit in the HTML version of your page/chapter (click on the HTML icon Edit html source) to work in code using bootstrap styles.


Features of the site
  • Examples of how bootstrap styles can be used in a topic site 
  • How-to book indicating level of difficulty and potential uses