Blue Frame from Live View is missing

Report · Oct 10, 2025

The Blue frame that highlights elements in DW (2021) is missing for me. I am in Live View with 'Hide live Views Displays' unchecked. I've thrashed my DW preferences (windows style), rebooted the machine, saved a site to a path without unusual characters in the path and still no sign of them. My code is just two divs from bootstrap with nothing in them as I am about to do a tutorial on Bootstrap and not having the blue frame is frustrating. Any ideas welocmed, thank you. Please note I am in Live View with 'Hide live Views Displays' unchecked..

Report · Oct 10, 2025

Your document looks incomplete. Try copying & pasting a completed Bootstrap layout into a new, blank document.

Use Ctrl + Alt + H to toggle Live View Displays on/off.

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bootstrap 4.5 Starter Page</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!--Bootstrap 4.5 on CDN-->
<link rel="stylesheet" href="
https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
</head>

<body>
<header class="container-fluid bg-info text-light">
<div class="row">
<div class="col">
<h1>Bootstrap 4.5 in Dreamweaver</h1>
</div>
</div>
</header>

<main class="container my-3">
<div class="row">
<div class="col-md-6">
<img class="img-fluid" src="https://dummyimage.com/500x350" alt="placeholder">
</div>

<div class="col-md-6">
<h2 class="text-info">Heading 2</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum tenetur ipsa tempore sed, a cupiditate mollitia aliquid delectus corporis accusamus pariatur atque voluptates deserunt debitis, odit omnis suscipit dolore natus.</p>
</div>
</div>

<hr>
<div class="row">
<div class="col-md-6 order-sm-12">
<h2 class="text-info">Heading 2</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum tenetur ipsa tempore sed, a cupiditate mollitia aliquid delectus corporis accusamus pariatur atque voluptates deserunt debitis, odit omnis suscipit dolore natus.</p>
</div>

<div class="col-md-6">
<img class="img-fluid" src="https://dummyimage.com/500x350" alt="placeholder">
</div>
</div>
</main>

<footer class="container-fluid text-center bg-info text-light p-4">
<p>Some footer text here...</p>
</footer>

<!--Supporting scripts: first jQuery, then popper, then Bootstrap JS, etc...--> 
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> 
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
</body>
</html>

In LIVE view, double-click to highlight.

Nancy O'Shea— Product User, Community Expert & Moderator

Report · Oct 13, 2025

Thank you for this, I appreciate the help. Unfortunately this has not worked. The code displayed correctly but the live view displays still don't work. I have tried toggling etc.

Report · Oct 13, 2025

OK. Restore Preferences.

https://helpx.adobe.com/dreamweaver/kb/restore-preferences-dreamweaver.html

Nancy O'Shea— Product User, Community Expert & Moderator