Skip to main content
Participant
February 16, 2021
Question

Bootstrap 5.0

  • February 16, 2021
  • 5 replies
  • 10519 views

Does Dreamweaver have any plans to update to Bootstrap 5.0? The dreamweaver version I use only has up to 4.4 (and 4.6 has been widely available for some time). What is the Adode's policy with respect to updating to5.0 -- or can I update it myself?

 

Thanks!

 

Jim

    This topic has been closed for replies.

    5 replies

    Participant
    January 13, 2022

    It was February 16, 2021. A year has passed and nothing has happened. Dreamweaver is stuck at bootstrap version 4. Alright, as of February last year Bootstrap 5 was still a beta version. But the first stable release, 5.1, was published in August 2021. Today we're at release 5.1.3. How about waiting a little longer? Maybe the 5.9.99 release will be stable enough.
    Meanwhile, the rest of the world has not stood still. Programs to build bootstrap sites, even online, have multiplied and upgraded to the latest version. And web designers who, like me, had gotten excited about the live view, the mediaqueries bar, and all the other new features, are forced to change software.And, with them, web design teachers: today it's virtually impossible to teach a course that covers bootstrap 5. All people who have worked for years with Dreamweaver.

    These are the facts, the rest is just blah blah blah.

    Simple, you left us in the dark.

    Nancy OShea
    Community Expert
    Community Expert
    January 13, 2022

    @ancia22642260h268,

    In case you missed the MAX Roundtable Discussion in October 2021, Dreamweaver is minimally maintained now.  No new features are planned.  

     

    There's nothing preventing YOU from using Bootstrap 5.x if your project requires it.  Keep in mind that Bootstrap 5 is NOT the same as previous versions in BS4 or BS3.  So your HTML markup may need to be revised with the new BS5 classes.

     

    You can link to the latest scripts from the Bootstrap Content Delivery Network below. 

    https://www.bootstrapcdn.com/

     

    By way of an example, here is a Bootstrap 5.1.3 starter page.

    <!doctype html>
    <html lang="en">
    <head>
    <title>Bootstrap 5.1.3 Example</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--latest minified CSS-->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
    
    <!--latest minified JS bundle-->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
    </head>
    
    <body>
    <!--navbar-->
    <nav class="navbar navbar-expand-md bg-dark navbar-dark">
    <div class="container-fluid">
    <a class="navbar-brand" href="#">Logo</a>
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
    <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="collapsibleNavbar">
    <ul class="navbar-nav">
    <li class="nav-item">
    <a class="nav-link" href="#">Link</a>
    </li>
    <li class="nav-item">
    <a class="nav-link" href="#">Link</a>
    </li>
    <li class="nav-item">
    <a class="nav-link" href="#">Link</a>
    </li>
    </ul>
    </div>
    </div>
    </nav>
    <div class="container-fluid mt-3">
    <h3>Collapsible Navbar</h3>
    <p>In this example, the navigation bar is hidden on small screens and replaced by a button in the top right corner (try to re-size this window).</p>
    <p>Only when the button is clicked, the navigation bar will be displayed.</p>
    <p>Tip: You can also remove the .navbar-expand-md class to ALWAYS hide navbar links and display the toggler button.</p>
    </div>
    </body>
    </html>
    

     

    Releated Links:

     

    Hope that helps.

     

     

    Nancy O'Shea— Product User & Community Expert
    Nancy OShea
    Community Expert
    Community Expert
    February 16, 2021

    You could be waiting a while for DW to update scripts.  Historically, they haven't been too swift about script updates especially when it involves significant code changes like going from Bootstrap 3.x to 4 or 4.x to 5.

     

    As of this writing, the latest stable release of Bootstrap is 4.5.2.  And the latest jQuery core is 3.5.1.

     

    I wouldn't use a beta version in production. But if you wish to experiment with the latest scripts, feel free to use ones hosted on the CDNs.

     

    Hope that helps.

     

    Nancy O'Shea— Product User & Community Expert
    Community Expert
    February 16, 2021

    As others have stated, Adobe will eventually update it, but version 5 is still in beta, so I wouldn't expect any company to adopt pre-release products in a production environment.

    Jon Fritz
    Community Expert
    Community Expert
    February 16, 2021

    Unfortunately, Adobe doesn't give timelines on new/updated features, aside from the occasional "we're working on it and expect it in a future release".

    There won't be an official announcement of an addition like that, until they add it.

    BenPleysier
    Community Expert
    Community Expert
    February 16, 2021

    You can easily update to 4.6 yourself by substituting the current links to the ones that are mentioned here:

    https://getbootstrap.com/docs/4.6/getting-started/introduction/

     

    I would not go as far as to update to version 5 unless you are happy to handcode. The syntax in certain areas are different to those of version 4. For Bootstrap 5 see

    https://getbootstrap.com/docs/5.0/getting-started/introduction/

     

     

    Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!