Bootstrap 5.3 won't play nice with DW Live View
This code:
<!doctype html>
<html lang="en" data-bs-theme="dark">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap 5.3.8 demo</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
</head>
<body>
<!--Jumbotron replacement-->
<div class="p-5 mb-4 rounded-3">
<div class="container-fluid py-5">
<h1 class="display-5 fw-bold">Hello world!</h1>
<h2>Dark Themed Bootstrap 5.3.8</h2>
<p class="col-md-8 fs-4">Replace the deprecated Jumbotron with BS utilities classes, just like the one in previous versions of Bootstrap.</p>
<button class="btn btn-primary btn-lg" type="button">Example button</button>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
</body>
</html>The display is haphazard, sometimes on, sometimes off. It varies by which line of code is selected in the Code View panel.
A screen refresh (F5) doesn’t help.
AdChoices