Bootstrap Elements

Activities ::: mod_bootstrapelements
Maintained by Jez H, Mike Grant, Manoj Solanki
Bootstrap Elements gives you the ability to add modal and toggles to your courses, helping to improve the layout of courses.
Latest release:
752 sites
88 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


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

Comments RSS

Show comments
  • 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.
  • Sat, Jul 27, 2019, 1:55 PM
    can i modify the modal box width ?
  • 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!.
  • 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
  • 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
  • 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
  • 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?
  • Daniel
    Wed, Nov 11, 2020, 5:40 PM
    The string "close" of the close button of the pop-up window is hardcoded in moodle/mod/bootstraplements/lib.php line 322.
    Can you integrate it correctly to allow translation in the language pack?
    I had to modify the text directly in the plugin file.
    Thanks in advance and congratulations for your very useful plugin.
    Easy E-Learning
  • Al
    Sun, Jan 24, 2021, 5:57 AM
    Is there any chance you make the plugin so that when you update moodle it automatically downloads the plugin as part of the upgrade? This would save so much time as currently when you upgrade it just says, "Additional Missing from disk!". Thank you so much.
  • Tue, Feb 23, 2021, 7:01 PM
    Hello, thanks for the pluggin. We have problems with this pluggin in Moodle 3.9 last version. Bootstrap in "modal" view have a problem in last Moodle version (3.9) . The students only see text, they do not see the active buttonThe students can't view the bottom. The teachers (anb teachers+change rol to students) don't have this problem.
    Is an update planned? Will this plugin be kept up to date for the latest versions of Moodle?
  • Tue, Mar 2, 2021, 5:31 PM
    Hello, 23 feb to 2021 I writte a post so we had a problem with bootstrap pluggin.
    Finally, we have identified the problem.
    When you do a test with the function "enter as a / another user", emulating without logging (administrator role, course managers) is when it is not displayed correctly. In conclusion, the problem is only the bootstrap view in that context "login as another user". Therefore, it does not impact the user experience.
  • Daniel
    Tue, Apr 13, 2021, 1:09 AM
    How can I change the width and height of the modal window?
    On my site with a certain graphic theme (Rebel) the width is too narrow.
  • Wed, Dec 28, 2022, 3:20 AM
    Hi, we had this plugin installed. However we had have to parch it to prevent a bad interaction with jQuery (I suppose). When the /amd/ dir is available, we got an error on JS and dynamic menus, and panels don't work any more.
    Simply renaming /amd/ to /amdx/ restores functionality in moodle menus and sliding panels. But we lost the capability to select fa icons form a manu, now we have to write don the icon name.

    I do not know JS enough to debug this, to look for the bad interaction. ¿Any possibility you could revise and fix this problem?

1 2 3 4 5
Please login to post comments