Activities: Bootstrap Elements

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.
633 sites
74 fans

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
  • Gareth J Barnard
    Sun, Mar 11, 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

  • Picture of Michael Hughes
    Thu, Mar 22, 2018, 11:39 PM
    We second Dan's request for Moodle Mobile App support. On our mobile these activities are shown using green jigsaw icon and when clicked show message "Uh oh! Your organisation installed a plugin that is not yet supported. Contact the site administrator and tell them you want to use this activity with the Moodle Mobile app."
  • Picture of Andreas Giesen
    Mon, May 21, 2018, 11:57 PM
    Hi! Please consider to optionally not load font awesome from CDN. For one in newer versions of Moodle FA is already installed anyway, additionally for the GDPR less external servers are better at the moment. If you worry about newer versions of FA shipped with Moodle breaking your code, maybe ship FA with the plugin and call it from there... For now I edited the style.css in your plugin-dir and without the extra FA the bootstrapelements work fine in Moodle 3.5 smile
  • Daniel
    Sat, Jul 14, 2018, 7:15 PM
    Your plugin is not available for Moodle 3.5.1 (errors)
    Thank you
    Codes errors:
    XML database file errors found
    ×Debug info: Errors found in XMLDB file: PATH attribute does not match file directory: mod/bootstrapelements/db
    Error code: ddlxmlfileerror
    ×Stack trace:
    line 352 of /lib/ddl/database_manager.php: ddl_exception thrown
    line 368 of /lib/ddl/database_manager.php: call to database_manager->load_xmldb_file()
    line 770 of /lib/upgradelib.php: call to database_manager->install_from_xmldb_file()
    line 512 of /lib/upgradelib.php: call to upgrade_plugins_modules()
    line 1857 of /lib/upgradelib.php: call to upgrade_plugins()
    line 694 of /admin/index.php: call to upgrade_noncore()
  • Picture of Manoj Solanki
    Tue, Jul 17, 2018, 3:46 PM

    We'll endeavour to release a 3.5 version soon as we're able to and review the feature requests for Moodle Mobile support and optional font awesome support.



  • Daniel
    Mon, Jul 23, 2018, 3:51 PM
    Thank you !
    Your plugin is very useful, especially because it allows you to produce pop-up labels with buttons with symbols. That is progress. Looking forward to Moodle 3.5 release.
  • Picture of Roberto Hebert de Souza Vinha
    Tue, Dec 4, 2018, 1:46 AM
    When will it be available for version 3.5?
  • Picture of Jorge Schulz
    Fri, Feb 15, 2019, 5:43 AM
    The last update caused me problems with the Boost Campus theme (I use Moodle 3.6.2)
  • Picture of Mufid Zulkarnaen
    Fri, Feb 15, 2019, 8:22 PM
    It looks good, but I'm concerned to push it on my production server with this though
  • Picture of Dan Jeffries
    Thu, Feb 21, 2019, 10:09 PM
    Just to advise that we updated this using Lambda theme and it caused a lot of issues: Edit link and main Edit button would not work. So please test if you are not using the themes above.
  • Picture of Fernando Oliveira
    Fri, Mar 1, 2019, 11:09 PM
    I'm seeing the same problem that Dan reported above. This plugin disables the edit links in certain situations. For our site, this happens when the Sharing Cart plugin is also installed. I (mistakenly) reported the issue here: Looks like some kind of JavaScript conflict. Also, disabling the Bootstrap Elements plugin doesn't seem to fix the issue, the plugin needs to be completely uninstalled.
  • Picture of Juan Aguilar
    Sat, Jul 27, 2019, 1:55 PM
    can i modify the modal box width ?
  • Picture of Xavier Molina-Schenk
    Sat, Aug 3, 2019, 12:50 PM
    So, Sharing Cart and Bootstrap Elements are conflicting? Uninstalling Bootstrap Elements helped resolve the problem with the 'edit link' in our case, too. But we really think, this intelligent Plugin has a great future!.
  • Picture of Olli Savolainen
    Tue, Sep 3, 2019, 3:17 PM
    Hi. Apparently bitbucket does not allow pull requests from free users? The text on the modal Close button was hardcoded, so I added
    $output .= get_string('close', 'mod_bootstrapelements');
    in lib.php:322.

    I'm getting "We can't let you see this page" at
  • Daniel
    Wed, Sep 25, 2019, 3:27 PM
    Please consider offering us the version of your essential plugin for Moodle 3.7.
    Thank you ...
1 2 3 4
Please login to post comments