Skip to main content
Known Participant
March 29, 2024
Question

Update to bootstrap 5

  • March 29, 2024
  • 1 reply
  • 7057 views

How do i update from bootstrap 4 to 5? Can I have both? tia

    This topic has been closed for replies.

    1 reply

    Nancy OShea
    Adobe Expert
    March 29, 2024

    READ ME first.

     

    1. Links to Bootstrap 5 on the CDN. 

    NOTE:  Latest Bootstrap does not rely on jQuery. 

    DO NOT combine versions of Bootstrap. 

    https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css

    https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js

     

    2. Migrating from old to new Bootstrap, manually.

    NOTE:  New & deprecated classes.

    https://getbootstrap.com/docs/5.0/migration/

     

    Post back if you have questions.

     

    Nancy O'Shea— Product User, Community Expert & Moderator
    Known Participant
    March 30, 2024

    Thank you, Nancy. What happens to what I've created using version 4?

    Brainiac
    April 1, 2024

    That was what I was wondering... Can I have both versions installed in Dreamweaver so that I can create new sites using version 5. I'll research Pinegrow. I thought they were a Wordpress editor only.

     

    And, you're right. I struggle to remember.


    quote

    That was what I was wondering... Can I have both versions installed in Dreamweaver so that I can create new sites using version 5. I'll research Pinegrow. I thought they were a Wordpress editor only.

     

    And, you're right. I struggle to remember.


    By @Haybound23605476

     

    You don't install Bootstrap version 5 in  Dreamweaver, you can either link to it via a cdn, content delivery network or you could download the css and js files and link your pages to them locally.

     

    You will then have to consult the official Bootstrap 5 website to copy the components code snippets and paste them into your Dreamweaver pages although there's nothing stoping you creating a set of the most used Bootstrap 5 components and turning them into Dreamweaver code snippets. Keep the Bootstrap 5 website bookmarked as you will need to return to it frequently to observe what utility classes you will need to deploy.

     

    You can still use both versions, version 4 for maintaining your sites built in that version and if you choose you can use version 5 to create new sites. However don't mix and match the versions.

     

    Pinegrow is an html editor with a visual interface which l think supports Bootstrap version 5 and yes l believe it does have a WordPress plugin but it's not an editor exclusively for WordPress.

     

    Wappler is an all singing dancing low code editor for projects which are more advanced like connecting, querying databases, making calls to api's etc although you can obviously use it for lesser projects as well. It has its own front end javascript niche workflow, not unlike Vue, React or Angular, which may or may not be appropriate for you depending on if its important that a recognised main stream workflow is deployed or one that has limited appeal but gets the job done.