Activities: Bootstrap Elements

Maintained by Picture of Jez H Jez H, Picture of Mike Grant Mike Grant, Picture of Manoj Solanki Manoj Solanki
Bootstrap Elements gives you the ability to add modal and toggles to your courses, helping to improve the layout of courses.
578 sites
57 fans
Moodle 2.8, 2.9, 3.0, 3.1, 3.2, 3.3, 3.4

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

Show comments
  • Picture of Elizabeth Dalton
    Thu, 22 Oct 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, 22 Oct 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, 22 Oct 2015, 7:35 PM
    Correction: toggle started working in Flexibase. Possibly it was a caching issue.
  • Ricardo Caiado
    Fri, 15 Jan 2016, 11:26 PM

    Does Bootstrap Elements works with Pioneer Theme (

  • Picture of Jez H
    Sat, 16 Jan 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, 19 Jan 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, 10 Feb 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)"?

  • Picture of Elizabeth Dalton
    Thu, 11 Feb 2016, 12:01 AM
    We have it working on a test system on 2.9, but I don't see official support for 2.9 in the release notes. Our hosting vendor needs to see official support to review the plugin for installation on our system. Can the release notes be updated to include support for Moodle 2.9?
  • Picture of Francis Feytout
    Mon, 22 Feb 2016, 9:12 PM
    I'm testing this plugin on a 2.7 and the resource hang out at creation with the the following error : Error output, so disabling automatic redirect. It goes through with the manual continue though.

    And the relevant trace :
    Did you remember to call setType() for 'bootstrapicon'? Defaulting to PARAM_RAW cleaning.

    line 1316 of /lib/formslib.php: call to debugging()
    line 288 of /lib/formslib.php: call to moodleform->detectMissingSetType()
    line 206 of /lib/formslib.php: call to moodleform->_process_submission()
    line 86 of /course/moodleform_mod.php: call to moodleform->moodleform()
    line 254 of /course/modedit.php: call to moodleform_mod->moodleform_mod()
    It looks good, but I'm concerned to push it on my production server with this though.
  • Gareth J Barnard
    Mon, 19 Sep 2016, 8:13 PM

    Sorry to be blunt, but when implementing something, please read the specification: - you've omitted the 'hide' class and hence a Modal prevents links etc. from not working because its not hidden:

    An annoyed, Gareth.
  • Ricardo Caiado
    Wed, 7 Dec 2016, 8:09 PM
    Any upgrade to Moodle 3.2?
  • Picture of David Mudrák
    Tue, 9 Jan 2018, 7:46 PM

    Plugin service info: For the record, I just made Jeremy (one of the two current maintainers) the lead maintainer of this plugin. I tried to contact Mike (the previous lead maintainer) via email and personal message on 15 December 2017 to get his explicit agreement. Mike has not replied. His last access to this site was 3 months ago. Given that Jeremy has already been a maintainer and he is the author of the recent update, I believe that changing the lead maintainer make sense and is in a public interest. In case Mike re-appears, we can communicate further with how to deal with the ownership of the plugin. Thanks.

  • Picture of Dan Jeffries
    Wed, 24 Jan 2018, 9:57 PM
    I love this plugin and it's great to see it's compatible with recent versions of Moodle.

    Does anyone know if this will become compatible with Moodle Mobile? At present the mobile page just shows 'bootstrapelements33' or a different number. I'm guessing this is a mobile/desktop app issue rather than the plugin.

    Any thoughts? Thanks!
  • Gareth J Barnard
    Sun, 11 Mar 2018, 5:47 AM
    Bug in 1.2 on M3.4 when attempting to get the popup to show on the icon field:

    fontawesome-iconpicker.min.js:1 Uncaught ReferenceError: jQuery is not defined
    at fontawesome-iconpicker.min.js:1
    at fontawesome-iconpicker.min.js:1
    modedit.php?sr=0&add=bootstrapelements&section=3&course=7&theme=boost:370 Uncaught ReferenceError: $ is not defined
    at modedit.php?sr=0&add=bootstrapelements&section=3&course=7&theme=boost:370

1 2 3
Please login to post comments