Select Moodle version:

Themes: Bootstrap

theme_bootstrap
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
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 theme was created with the help of Stuart Lamour and David Scotson

Please report issues on github: https://github.com/bmbrands/theme_bootstrap/issues

Screenshots

screenshot

Contributors

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

Comments RSS

Show comments
  • Picture of Bas Brands
    Fri, Apr 19, 2013, 2:41 PM
    Hi Roland,

    The reason the div id was renamed was to avoid conflicts with Moodle's base theme CSS. The Moodle_25 branch of the bootstrap theme does not rely on base CSS anymore so I guess we could change the names back to region-main. I will file an issue for this on the Moodle Tracker
  • Picture of Bas Brands
    Fri, Apr 19, 2013, 2:44 PM
    Hi Guiseppe.

    Have a look at http://twitter.github.io/bootstrap/components.html#alerts
    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 (http://2013.imoot.org/) 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.

    Regards,


    Gaurav
  • Picture of Lesz Ratajczak
    Mon, Feb 3, 2014, 2:53 PM
    Hello,
    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
    Estimados:
    Esta en nivel de maduración Beta, es aconsejable instalarlo???
  • Picture of Claudio Visa
    Sat, Mar 1, 2014, 12:17 AM
    Estimados:
    Esta en nivel de maduración Beta, es aconsejable instalarlo???
  • Picture of Claudio Visa
    Sat, Mar 1, 2014, 12:18 AM
    Estimados:
    Esta en nivel de maduración Beta, es aconsejable instalarlo???
  • Picture of Claudio Visa
    Sat, Mar 1, 2014, 12:19 AM
    Estimados:
    Esta en nivel de maduración Beta, es aconsejable instalarlo???
  • Picture of Claudio Visa
    Sat, Mar 1, 2014, 12:19 AM
    Estimados:
    Esta en nivel de maduración Beta, es aconsejable instalarlo???
1 2 3 4 5
Please login to post comments