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:


Screenshot #0


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 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

  • Picture of Chris Lamb
    Thu, Apr 30, 2015, 6:26 PM
    Thank you for the development - a great theme to start from. May I ask a question which I am sure will strike others as simple! I am unsure the scope of Bootstrap 3 functionality to anticipate.

    I have tested css styling - and it works, thank you. Should I anticipate being able to use javascript component features such as the accordion? I am not finding it and the only references are to requiring jquery - if I reference UI will it allow access to the UI components, too?

  • Picture of Bas Brands
    Thu, Apr 30, 2015, 8:11 PM
    Hi Chris,

    Thanks for your comment. If you want to make use of the Bootstrap javascript element you will need to install the jquery version of the bootstrap theme.
    The jquery version is available on:
  • Picture of Chris Lamb
    Thu, Apr 30, 2015, 8:38 PM
    Thank you, Bas.

    I shall checkout that version. THanks for replying so quickly - saving me from more hacking away blindly!

  • Picture of Bas Brands
    Thu, Apr 30, 2015, 9:26 PM
    You're welcome, I have started a forum post on the topic. I am wondering what the responses will be.
  • Picture of David Mudrák
    Tue, May 5, 2015, 5:13 AM

    I am happy to announce that the Bootstrap theme has received the Featured Moodle plugin award! See the great interview with Bas at Plugin traffic blog. Thanks Bas, Stuart and David for your work on this project.

  • Picture of Torsten Händler
    Tue, Nov 17, 2015, 8:15 PM
    its OK but why was the moodlezoom yui and css removed after version 2.8 ? So I've to use the older one because the new bootstrap theme did to much errors for my theme.
1 2 3 4 5
Please login to post comments