Bootstrap

Themes ::: theme_bootstrap
Maintained by 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
Latest release:
1404 sites
216 downloads
66 fans
Current versions available: 4
This theme will no longer be updated for newer versions of Moodle. Please use the Moodle 3.7 core themes Boost and Classic as a parent theme.



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

Contributors

Bas Brands (Lead maintainer): Focus: technical and design, build the best theme possible
Stuart Lamour: Focus: accessibility, build a true HTML5 theme for everybody
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

Comments

  • Bas Brands
    Fri, 19 Apr 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.
  • Giuseppe Schiavone
    Fri, 19 Apr 2013, 3:35 PM
    Thanks Bas!

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

  • Roland Sherwood
    Fri, 19 Apr 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.
  • Alejandro Pagán Ruiz
    Mon, 22 Apr 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!!
  • Ryan Lowry
    Tue, 23 Apr 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?
  • Daniel Lombardo
    Fri, 10 May 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 ;)
  • Carol Griffiths
    Thu, 16 May 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?
  • Gaurav Malik
    Sat, 15 June 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
  • Lesz Ratajczak
    Mon, 3 Feb 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?
  • Claudio Visa
    Sat, 1 Mar 2014, 12:17 AM
    Estimados:
    Esta en nivel de maduración Beta, es aconsejable instalarlo???
  • Anthony Borrow
    Tue, 13 May 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
  • Bas Brands
    Tue, 13 May 2014, 11:03 PM
    Thanks Anthony, I have updated the thirdpartylibs.xml.
  • Ben Hutchens
    Mon, 19 May 2014, 7:40 PM
    Hi,

    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?

    Thanks

    Ben
  • Shivani Bhatt
    Sat, 11 Oct 2014, 11:56 PM
    Hi,
    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.
  • Heru Susanto
    Mon, 24 Nov 2014, 2:53 AM
    Hi

    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 https://bootstrapmade.com




Please login to post comments