When do we see Bootstrap 5 in Dreamweaver CC

Forum|Forum|3 years ago
February 21, 2022
2 replies
814 views

AS at Feb 22, 2022, latest version of Dreamweaver only has Bootstrap

4.4.1. When do we expect to see BS5 integrated into Dreamweaver please. Thanks Briar

Bootstrap

This topic has been closed for replies.

Nancy OShea

Community Expert

Don't hold your breath in anticipation of any new features in DW.

If you want to use Bootstrap 5, there's nothing stopping you. Just be aware of the many changes that have occurred since BS 4: new class names, new Popper 2, no more jQuery dependencies, etc...

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

BOOTSTRAP 5 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 mt-3">
<div class="row">
<div class="col-md-10 mx-auto">
<h3 class="mt-3">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.
&nbsp;
</p>
<p>When  button is clicked, the navigation bar will open to reveal links.
&nbsp; 
&nbsp;
&nbsp;
</p>
<p>Tip: You can also remove the .navbar-expand-md class to ALWAYS hide navbar links and display the toggler button.</p>
</div>
</div>
<hr>
<div class="row">
<div class="col-md-3">
<h3>Column 1</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium necessitatibus neque commodi repudiandae, iste. </p>
</div>

<div class="col-md-3">
<h3>Column 2</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium necessitatibus neque commodi repudiandae, iste. </p>
</div>

<div class="col-md-3">
<h3>Column 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium necessitatibus neque commodi repudiandae, iste.</p>
</div>

<div class="col-md-3">
<h3>Column 4</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>
</div>
</div>
<footer class="container-fluid">
<div class="row bg-dark text-light text-center">
<div class="col-md-4">
<p>Footer text</p>
</div>
<div class="col-md-4">
<p>Footer text</p>
</div>
<div class="col-md-4">
<p>Footer text</p>
</div>
</div>
</footer>
</body>
</html>

Hope that helps.

Nancy O'Shea— Product User & Community Expert

B

BriarKWAuthor

Participating Frequently

Yes, thanks Nancy. Also found a good YT video that steps you thyrough the processs of downloading BS 5 and using a few features

B

BriarKWAuthor

Participating Frequently

https://www.youtube.com/watch?v=kqH7ORdVzNg

O

osgood_

Legend

Your guess is as good as anyones. Dreamweaver is 'minimally maintained' now. Why don't you just go to the Bootstrap 5 official website, copy the components code and scripts and make your own snippets? Then you're good to go.

B

BriarKWAuthor

Participating Frequently

Hi Osgood. Yes, was figuring it might be on the late train. Have visited the Bootstrap 5 official site and drooled. But because I am not a high-level coder ( I came to Dreamweaver through the design side). I have always depended on the DW/BS integration to make things easier. However, BS 4.4.1 is still v helpful - just doesn't have the range of 5 (obvioiusly). Your snippet idea might or might not work cos of gaps in my skills. But thanks..

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded