ElearningWorld.org

For the online learning world

MoodleTechnicalUX

Moodle and Bootstrap framework

Bootstrap is the most popular HTML, CSS, and JS framework in the world for building responsive, mobile-first projects on the web, and now Moodle.

Definitely a post for the Moodle administrators today…

Moodle 3.2 included a new default theme “Boost” based on Bootstrap 4.

Boost will be the new default theme for Moodle 3.6 and is based on “Bootstrap 4”

When styling pages and components in Moodle – it is recommended to always re-use the components from Bootstrap instead of inventing new things that need custom styling. This means that themes extending Boost can re-style the native Bootstrap components and the changes will be reflected in the output across all Moodle pages.

If you are creating plugins for Moodle you need to know Bootstrap – please read through all of the docs on the Bootstrap website before proceeding (they are not long and are quite well written).

If you think Bootstrap is something you might need to

Stuart Mealor
Latest posts by Stuart Mealor (see all)

Stuart Mealor

Stuart is interested in all things e-learning, with specific interests in Moodle, e-learning strategy, and business development. His experience in education over 30 years, MBA in International Business, and knowledge of e-learning systems implementation, together with graphic design background, give him a unique skill set for e-learning projects.

Add a reply or comment...