Skip to main content
R
Roenaid
Known Participant
October 10, 2025
Question

Blue Frame from Live View is missing

  • October 10, 2025
  • 1 reply
  • 131 views

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..

    1 reply

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    October 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
    R
    RoenaidAuthor
    Known Participant
    October 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. 

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    October 13, 2025

    OK. Restore Preferences. 

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

     

     

    Nancy O'Shea— Product User & Community Expert
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices