Your Moodle version

Themes: Bootstrap

Maintained by Picture of Bas Brands Bas Brands
This is a Moodle theme based on the Bootstrap CSS framework. It has minimal styling and can be used to create User Experience optimized themes

This is a Moodle theme based on the Bootstrap CSS framework. It has minimal styling and can be used to create User Experience optimized themes.

This theme was created with the help of Stuart Lamour and David Scotson

Please report issues on github:




Picture of Bas Brands
Bas Brands (Lead maintainer): Focus: technical and design, build the best theme possible
Picture of Stuart Lamour
Stuart Lamour: Focus: accessibility, build a true HTML5 theme for everybody
Picture of David Scotson
David Scotson: Focus: technical, build a theme for devs and improve Moodle
Please login to view contributors details and/or to contact them

Comments RSS

Show comments
  • Picture of Bas Brands
    Fri, Apr 19, 2013, 2:44 PM
    Hi Guiseppe.

    Have a look at
    That shows you the html you need to add to your page in order to enable the alerts. There's much more on the twitter bootstrap website you could use. I am doing a presentation on the iMoot ( about using the Bootstrap framework for creating nice courses and plugins. So you might want to go and see that.
  • Picture of Giuseppe Schiavone
    Fri, Apr 19, 2013, 3:35 PM
    Thanks Bas!

    It all looks supereasy. I know it won't be, but I will give it my best try.

  • Picture of Roland Sherwood
    Fri, Apr 19, 2013, 11:34 PM
    Hi Bas. Thanks for the info. (which I've also passed on to the TTS block developer), and really glad to hear this issue will hopefully be resolved under 2.5. Bootstrap's exactly what we've been looking for in a theme, and it's great to know the developers are so (excuse the pun!) "responsive".

    One final question: I'd like to make our implementation of Bootstrap feature only side-post blocks (i.e. blocks only ever show on the right side of the page). Previously this has been a simple matter of modifying the various array settings within a theme's config file, e.g.:

    'course' => array(
    'file' => 'general.php',
    'regions' => array('side-post'),
    'defaultregion' => 'side-post'

    However, when I make similar changes to Bootstrap it only results in a 'Coding error detected, it must be fixed by a programmer: Trying to reference an unknown block region side-pre' message. I'm assuming further changes are required in layout/general.php, but I just wondered if you could give me any pointers as to where exactly to look? I have experimented a bit, but there's so many side-pre references present there that I'm not sure which ones need changing.

    Again, many thanks for any help you can offer.
  • Picture of Alejandro Pagán Ruiz
    Mon, Apr 22, 2013, 6:15 AM
    i would like this responsive theme allow the embed video to properly adapt as it does with images. Is there any way to do this?. Thanks!!
  • Picture of Ryan Lowry
    Tue, Apr 23, 2013, 11:41 PM
    Hi Bas, thanks very much for your hard work on this theme, it's fantastic! I've been testing across browsers and I've noticed that the responsive features don't seem to work in IE9. Is this a known issue?
  • Picture of Daniel Lombardo
    Fri, May 10, 2013, 1:38 PM
    I just updated the theme - it is amazing, i feel tears swelling - I love you, i am going to donate on your website ;)
  • Picture of Carol Griffiths
    Thu, May 16, 2013, 11:22 PM
    Great work - this is fantastic. There is one issue though. The gap betwen the course content and the sidebars is huge! It seems to be because of two divs (class="side left" and class="side right") that sit next to the content. How can I get rid of these to make the content fit better?
  • Picture of Gaurav Malik
    Sat, Jun 15, 2013, 4:07 PM
    Hi Bas,

    Great theme! Like Giuseppe I am new to Moodle and just trying to use the theme to experiment with. I looked at your "Moodle Features Demo" which is very clean and slick. Can I ask:
    1) How did you get the accordian style on the actual topic headings.

    On you testing site, I notice that you had accordian within the actual topic, looking at the HTML you applied a div style. Does that have to be hard coded?

    Many thanks.


  • Picture of Lesz Ratajczak
    Mon, Feb 3, 2014, 2:53 PM
    I have a problem with loading custom styles (including bootstrap engine) in IE9. This plugin is great, works fine in all browsers except IE9. I'm working for educational institution where IE9 is the corporate browser and I need to find a fix for it. Funny enough - custom styles are loading fine when I switch browser to compatibility mode and document mode to IE8. I noticed that there's a function in "config.php" which deals with older version of IE. However - it doesn't work for standard settings in IE9. Can anybody help?
  • Picture of Claudio Visa
    Sat, Mar 1, 2014, 12:17 AM
    Esta en nivel de maduración Beta, es aconsejable instalarlo???
  • Anthony Borrow
    Tue, May 13, 2014, 9:58 PM
    Bas - I noticed that in theme/bootstrap/thirdpartylibs.xml you did not have a for the second entry. This was causing some errors when trying to use the code checker:

    Warning: simplexml_load_file(): /var/www/m27/theme/bootstrap/thirdpartylibs.xml:16: parser error : Opening and ending tag mismatch: library line 10 and libraries in /var/www/m27/local/codechecker/locallib.php on line 194

    When you get a chance, could you patch that up. Peace - Anthony
  • Picture of Bas Brands
    Tue, May 13, 2014, 11:03 PM
    Thanks Anthony, I have updated the thirdpartylibs.xml.
  • Picture of Ben Hutchens
    Mon, May 19, 2014, 7:40 PM

    I am trying to adjust the the width of select (drop down boxes in the css) i.e. 100% for text based and auto for things like numbers, dates etc. The reason for this is that some of our text based drop-downs underlap other divs. When I set select to 100% it solves this however, it makes the time/date drop downs span the width of the div which is not required. Can I assign css qualities to particular drop down menus?


  • Picture of Shivani Bhatt
    Sat, Oct 11, 2014, 11:56 PM
    I am very new to moodle. I am trying to install elegance theme and it needs bootstrap as well. I have tried to install bootstrap multiple times but unsuccessful every time. Please help.
  • Picture of Heru Susanto
    Mon, Nov 24, 2014, 2:53 AM

    my name is Heru S from Bootstrapmade marketplace. We do accept Moodle bootstrap theme now, you can earn 70% commission per sale. It's free to join and submit your moodle theme at

1 2 3 4 5
Please login to post comments