Bootstrap Elements

Activities ::: mod_bootstrapelements
Maintained by Picture of Jez HJez H, Picture of Mike GrantMike Grant, Picture of Manoj SolankiManoj Solanki
Bootstrap Elements gives you the ability to add modal and toggles to your courses, helping to improve the layout of courses.
Latest release:
837 sites
86 fans
Current versions available: 3

Bootstrap Elements gives you the ability to add modal and toggles to your courses, helping to improve the layout of courses. It is in essence an improved "label" resource type with an opton allowing you to set content to display as a:

  • Modal box (popup box)
  • Toggle (expandable / drop-down content
  • Enhanced Label (with title + icon)
  • BlockQuote (same as above, blockquote with title / icon)

Font Awesome icons are selected through a searchable UI element smile

This will help teachers add more dynamic, interactive content within courses whilst consuming less space on the page:

Please note: This plugin will only work with themes that are based on Bootstrap and have support for for the Bootstrap elements referenced by this plugin.

Themes known to work with this plugin are:

We will expand this list to include other themes as we confirm their compatibility.

Future Plans:

  • Add color options
  • Look at other elements such as callouts and possibly Tabs / Accordion

If you have any other suggestions for improvement please let us know!


This plugin is part of sets BCU UI, Adaptable UI.


Screenshot #0
Screenshot #1
Screenshot #2
Screenshot #3


Picture of Jez H
Jez H (Lead maintainer)
Picture of Manoj Solanki
Manoj Solanki: Maintainer
Please login to view contributors details and/or to contact them

Comments RSS


  • Picture of Mike Grant
    Tue, Jun 23, 2015, 9:07 PM
    Hi Steven,

    That's a really nice idea that you've got there. It's not something that's going to happen right away, but definitely something that I will investigate. I might come back to you to discuss this idea further soon, is that okay?

  • Picture of Jez H
    Tue, Jun 30, 2015, 9:03 PM
    Hi Steven,

    I looked at that idea a while back and was talking to Justin Hunt about doing something like this with his "Generico" plugins:

    Those could do the kind of thing your video shows. The problem with that (unless it has been improved) is that you cannot reload the template easily once it has been added. Also the workflow is more complex as in "Add resource > add label > click generico icon > choose template" whereas we wanted something that was simpler to use.

    I think if it were possible to support templates like that within this plugin in a way that allowed users to go back in and edit them more easily (Generico adds a text string with parameters for a filter to parse) it would be nice.

    We have actually written another plugin that allows administrators to define a template to add standard information to a course in expandable toggles which is also similar to what you want:

    But that only supports one template for the site, it has some other features like only showing students the content once its completed so they never see anything to the effect of "Tutor enter title here".

    Between these various options I am sure more can be done in this area, it is something that is needed if you want to build more consistent and attractive Moodle courses across large sites.
  • Steven Parker (sparkerED)
    Tue, Jul 21, 2015, 10:12 AM
    Hi Mike and Jez

    Thank you for your responses and suggestions. Mike I would be happy to discuss with you further. I love the innovation, utility and usability of the Bootstrap elements and Atto Generico plugin but unfortunately we cannot rollout where I work as if we restore a course with Bootstrap elements content to a Moodle install that does not have the plugin installed we lose the Bootstrap elements content. With risk management in mind I believe we need a core Moodle feature with the templating affordances as provided by the Bootstrap elements and Atto Generico plugins. I had the opportunity to talk to Damyon Wiese the ATTO lead developer from MoodleHQ at MoodleMoot15 and he assured me that a templating feature for ATTO is still on the roadmap. To try and progress discussions I will reference him to your superb work and comments in response to .
    Thanks Steven
  • Picture of Mathieu Pelletier
    Thu, Aug 20, 2015, 4:23 PM
    Hi guys! I love the work you have done here. It works wonderfully with the BCU theme, but does have issues with Essential, at least on Windows. I did find it to be usable on a Mac using essential, but it is a bit funny in Windows even with the same browser, Chrome for example. Just an FYI.
  • Picture of Roger Domínguez Argemí
    Mon, Aug 31, 2015, 7:40 PM
    Hi Mike, Jez,

    Congrats for the plugin! The plugin does not work in the Clean theme although it is built on Bootstrap... It would be very useful! Any planned action to do that? Thanks!
  • Picture of Dan Jeffries
    Fri, Sep 11, 2015, 10:15 PM

    Loving this plugin - it's a huge help.

    One small query. I am trying to use the Label element of the plugin with Activity Completion. I duplicated the label a few times, and it seems that one of the elements has the same name. When trying to choose a label in Activity Completion, it's really hard to distinguish them because they all have a similar name (bootstrapelements7, bootstrapelements8 etc).

    So I guess my questions are:

    1. Can errors occur when duplicating?
    2. What happens if two elements have the same name?
    3. Will it be possible to rename the elements?


  • Picture of Christine Theodoridou
    Fri, Oct 9, 2015, 11:15 PM
    Hello guys!
    The plugin seems great but in my Moodle 2.9 I cannot make it work. I have tested with Bootstrap theme. Does it support this Moodle version?

    Thank you,
  • Picture of Elizabeth Dalton
    Thu, Oct 22, 2015, 1:35 AM
    I have Bootstrap Elements working on Moodle 2.9 with Flexibase (a Bootstrap theme). However, the toggle doesn't work. (Toggle title shows, but cannot expand.)

    Apart from that, I'd appreciate a CSS style hook so I can affect which heading is used by the plugin to display the title. Right now it seems to use an undifferentiated h4 (overridden with a specific font size by Toggle and Blockquote) which is small for my purposes. I realize I can redefine h4 and probably my course developers aren't using it much, but I'd rather have something specific to BE, or the ability to select a heading level within BE.
  • Picture of Elizabeth Dalton
    Thu, Oct 22, 2015, 1:45 AM
    I seem to have figured out my theming question: I can do this:
    .bootstrapelements h4 {
    font-size: 24px;

    I still can't get Toogle working in 2.9 in Flexibase theme, however.
  • Picture of Elizabeth Dalton
    Thu, Oct 22, 2015, 7:35 PM
    Correction: toggle started working in Flexibase. Possibly it was a caching issue.
  • Ricardo Caiado
    Fri, Jan 15, 2016, 11:26 PM

    Does Bootstrap Elements works with Pioneer Theme (

  • Picture of Jez H
    Sat, Jan 16, 2016, 6:18 AM
    Hi Ricardo,

    I dont know, you would have to install and test it. If it does not it should not be hard to get it working assuming Pioneer uses bootstrap and Chris was prepared to help get the two working together.
  • Picture of Brandon Jimenez
    Tue, Jan 19, 2016, 9:48 PM
    Hi, I'm currently running a Moodle 2.9.3+ site and planning to update it to Moodle 3 or 3.1 (sometime in the future), and i would love to have your plugin installed. I do, however, have a question: have you tested in a Moodle 3+ environment?

  • Picture of Robin Leung
    Wed, Feb 10, 2016, 3:42 AM

    I used this plugin for a short while on 2.8 with a customized version of Evolve-D theme (
    And then it stopped working. I'm wondering when will this feature be out, "Auto detect theme compatability and fall back on non supported themes (so multiple themes in the same site can be supported)"?

Please login to post comments