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.
832 sites
80 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 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 ...
  • Daniel
    Thu, Mar 5, 2020, 9:54 PM
    Does your very useful tag work in Moodle 3.8?
    It seems that nothing is displayed and the icons are invisible.
    Thank you
  • Picture of Martin Latschenberger
    Wed, Mar 25, 2020, 11:32 PM
    basically this plugin is very helpful. Thank you for developing and maintaining.
    But one requirement cannot be fulfilled: the usage of such elements within questions of a quiz.
    I want to fade in additional information within a question by usage of a modal window or a toggling element. Unfortunately I could not find any solution for this so far.
    Do you have a hint for me?
    Thank you
  • Picture of Owais Sonija
    Wed, Jul 1, 2020, 5:47 AM
    Hi Martin! You can use Modal and other Bootstrap 4 components in question just by pasting the code along with html. For Modal demo, you can use the following code: Launch demo modal
  • Picture of Hendrik Knoche
    Mon, Jul 6, 2020, 8:44 PM
    we're using this plugin happily and extensively and I'm wondering whether there are plans for supporting 3.8 any time soon?
1 2 3 4
Please login to post comments