3. INTRODUCTION
This presentation is on the Moodle Bootstrap theme based
on the Twitter Bootstrap Framework.
It will show you how the Moodle Bootstrap theme was
developed how it works and is evolving.
The future of Bootstrap for Moodle is exciting and will help
developers create user interfaces without needing designer
skills.
4. TERMS USED
Term Explanation
Twitter Bootstrap The Bootstrap framework available on
bootstrap.github.com
Bootstrap Same as Twitter Bootstrap
The Bootstrap
theme
The theme created for Moodle base on Bootstrap
Theme Clean The Moodle 2.5 theme that builds on The Bootstrap
theme
LESS CSS Object Oriented CSS that needs to be compiled
before usage
node.js Server side Javascript used as an application
framework
Recess A tool that builds on NODE.js to generate CSS from
less files
5. HISTORY OF THE
BOOTSTRAP THEME
The Idea was born during the UK / Ireland Moot
Developers involved in the Moodle 2.4 theme
Bas Brands: Freelance Developer.
David Scotson: Developer at Glasgow university.
Stuart Lamour: Developer at Sussex university.
Paul Hibbitts: Early adopter
6. ADOPTED INTO
MOODLE CORE
The bootstrap theme is available in Moodle version 2.5.
It is called bootstrapbase and can not be selected when you
configure your Moodle theme.
Theme “Clean” builds on Bootstrapbase and is available in
the theme selector.
If you wish to modify bootstrap you should work from theme
“Clean”
24. BEYOND BOOTSTRAP:
BOOTSWATCHES
Bootswatches are themes for Twitter Bootstrap
They usually contain 2 files
Bootswatch.less
Variables.less
http://blog.alfonsorv.com/bootswatch-free-themes-for-twitter-bootstrap/
35. FURTHER READING
Blogpost on this presentation
Preview the Bootstrap theme
Download the Moodle Bootstrap 2.4 theme The 2.5 version is
in Moodle core.
Bootsnipp.com http://bootsnipp.com/resources
Bootstrap Theme on Moodle docs
Gavin Henricks review on theme Clean.