Skip to main content
Participant
September 20, 2020
Question

Cannot make edits in live view

  • September 20, 2020
  • 1 reply
  • 158 views

I can't make any edits in live view 😞 I cannot place my cursor in the text,  the Element Display tabs do not appear. Any recs on how I can fix this? 

 

This topic has been closed for replies.

1 reply

Nancy OShea
Community Expert
Community Expert
September 20, 2020
  • Which version of DW?
  • Which operating system?
  • Show us your code please.

 

In the meantime, copy & paste the following code into a new, blank document and save as test.html.

Can you edit this?

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


<!--Bootswatch Theme-->
<link rel="stylesheet" href="
https://cdnjs.cloudflare.com/ajax/libs/bootswatch/4.5.0/solar/bootstrap.min.css">
<style>
html, body {height: 100% }
</style>
</head>
<body>
<!--begin top nav bar-->
<nav class="navbar navbar-expand-lg navbar-dark bg-default"> 
<!-- Brand --> 
<a class="navbar-brand" href="#">Brand Name or Logo</a> 

<!-- Toggler/collapsibe Button -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar"> <span class="navbar-toggler-icon"></span> </button>

<!-- Navbar links -->
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav ml-auto">
<li class="nav-item active"> <a class="nav-link" href="#">THIS PAGE</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">MENU 2</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">MENU 3</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">MENU 4</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">MENU 5</a> </li>
</ul>
</div>
</nav>

<div class="container">
<div class="border border-primary text-center">This div has a border</div>

<div class="jumbotron center-block">
<h1 class="text-white">Hello World!</h1>
<h2 class="text-warning">Welcome to Bootstrap 4</h2>
<h3 class="text-primary">Vertically Centered Cards </h3>
</div>
<div class="row row-eq-height bg-dark">
<!--BEGIN 4 COLUMNS & CARDS-->
<div class="col-sm-6 col-lg-3 align-self-center">
<div class="card h-100"> 

<img class="card-img-top" src="https://dummyimage.com/200x200" alt="Card image">
<div class="card-body">
<h4 class="card-title">Card title</h4>
<p class="card-text">Some quick example text to build on the card title. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat neque sit velit veniam suscipit obcaecati omnis ipsa aperiam molestiae sunt perspiciatis, error nostrum aspernatur, veritatis hic rem cumque minus odit.</p>
<!--/card-body--></div>
<!--/card--></div>
<!--/col--></div>
<div class="col-sm-6 col-lg-3 align-self-center">
<div class="card h-100"> <img class="card-img-top" src="https://dummyimage.com/200x200" alt="Card image">
<p>&nbsp;</p>
<img class="card-img-bottom" src="https://dummyimage.com/200x200" alt="Card image">
<!--/card--></div>
<!--/col--></div>
<div class="col-sm-6 col-lg-3 align-self-center">
<div class="card h-100"> 
<div class="card-body">
<h4 class="card-title">Card title</h4>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur quos sequi maiores, quia error numquam repudiandae ipsam ab eveniet voluptas at eum.</p>
<a href="#" class="btn btn-danger">MORE +</a>
<!--/card-body--></div>
<!--/card--></div>
<!--/col--></div>
<div class="col-sm-6 col-lg-3 align-self-center">
<div class="card h-100">
<div class="card-body">
<h4 class="card-title">Card title</h4>
<p class="card-text">Some quick example text.</p>
<a href="#" class="btn btn-danger">MORE +</a> 
<!--/card-body--></div>
<!--/card--></div>
<!--/col--></div>
<!--/row--></div>
<hr>
<footer class="row">
<p class="text-center text-light">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque ab explicabo voluptas libero impedit. Modi vel, dolores placeat id magni ut odit libero repudiandae necessitatibus? Dolorem magni illo necessitatibus error.</p>
</footer>
<!--/container--></div>

<!--First jQuery then Popper then Bootstrap--> 
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<!--Popper JS--> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script> 
<!--Latest Bootstap 4 JS--> 
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>

</body>
</html>

 

Nancy O'Shea— Product User & Community Expert