DNN Forums

Ask questions about your website to get help learning DNN and help resolve issues.

Use different bootstrap version inside module

 2 Replies
 1 Subscribed to this topic
 19 Subscribed to this forum
Sort:
Author
Messages
New Around Here
Posts: 6
New Around Here

I am currently using a theme that uses Bootstrap v3.3.4, now I want to use the latest bootstrap inside a certain module. How can I do that?

 

Veteran Member
Posts: 838
Veteran Member
3 Helpful Replier
Helpful Replier
Thanks for being such a helpful replier!
New Poster
New Poster
Congrats on posting!

You can include BS 4 from a CDN as explained on https://www.w3schools.com...trap_get_started.asp

You could include this using the site settings (page header) whcih would enable BS 4 on all pages. It might be too much to load 2 versions of Bootstrap every page so, you can also use the page settings (advanced, SEO, page header settings) or even the header in the module settings. All depending on how many times you need it.

Senior Member
Posts: 1322
Senior Member
3 Helpful Replier
Helpful Replier
Thanks for being such a helpful replier!
Lifesaver
Lifesaver
You're Life Saver!
New Poster
New Poster
Congrats on posting!
3 Engaged Reader
Engaged Reader
You are an engaged reader!

There is always a risk of conflicts between bootstrap versions.
In principle mixing versions is not supported by bootstrap (and related to DNN).

What someDNN vendors have done is create a custom BS4 stylesheet with all CSS "wrapped" in a root class and load that

<code>.bs4 .......</code>

That does not help against potential JS confict though, but in some cases you can also remove bootstrap js from the skin.

If you want to avoid conflicts your best option is to "upgrade" the skin to BS5.
I have upgraded some skins before and for most skins it's actually not that difficult.

(unless it's one of the commercial 1000000 options skins..)

These Forums are for the discussion of the open source CMS DNN platform and ecosystem.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. If you have (suspected) security issues, please DO NOT post them in the forums but instead follow the official DNN security policy
  2. No Advertising. This includes the promotion of commercial and non-commercial products or services which are not directly related to DNN.
  3. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  4. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  5. No Flaming or Trolling.
  6. No Profanity, Racism, or Prejudice.
  7. Site Moderators have the final word on approving / removing a thread or post or comment.
  8. English language posting only, please.

Would you like to help us?

Awesome! Simply post in the forums using the link below and we'll get you started.

Get Involved