I didn't try live view, my DW hangs at design (Not live) page after code editing - dont know is there a big difference between these two modes.
I even guess the problem is in jquery processing logic of DW, which tries to split page into jqui tabs e.g., but...
a) Is it a valid reason for DW to hangs?
b) Is it possible to disable this DW logic? TABS in editor are convenient, but absence of hangs is more important for me... I really not interested in any DW script processing on the fly.
OK, i've added some text to the page, now script is working, JQUI pages are visible, buttons work as designed.
Page is still html5 valid and it still hangs in DW.
Try pasting this code into a new, blank document. SaveAs TEST.html. Does it still hang?
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Test Document</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Latest compiled and minified Bootstrap CSS-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<style>
.center-block {float:none}
</style>
</head>
<body>
<div class="container">
<div class="row">
<h2 class="text-center">Bootstrap Tabbed Panels</h2>
<div class="col-sm-8 center-block">
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#home">Home</a></li>
<li><a data-toggle="tab" href="#menu1">Menu 1</a></li>
<li><a data-toggle="tab" href="#menu2">Menu 2</a></li>
<li><a data-toggle="tab" href="#menu3">Menu 3</a></li>
</ul>
<div class="tab-content">
<div id="home" class="tab-pane fade in active">
<h3>HOME</h3>
<div class="pull-left">
<img class="img-thumbnail" src="http://dummyimage.com/200x200" alt="placeholder">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div id="menu1" class="tab-pane fade">
<h3>Menu 1</h3>
<div class="pull-right">
<img class="img-thumbnail" src="http://dummyimage.com/200x200" alt="placeholder">
</div>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<div id="menu2" class="tab-pane fade">
<h3>Menu 2</h3>
<div class="pull-left">
<img class="img-thumbnail" src="http://dummyimage.com/200x200" alt="placeholder">
</div>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
</div>
<div id="menu3" class="tab-pane fade">
<h3>Menu 3</h3>
<div class="pull-right">
<img class="img-thumbnail" src="http://dummyimage.com/200x200" alt="placeholder">
</div>
<p>Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
</div>
</div>
</div>
</div><!--/row-->
</div><!--/container-->
<!--jquery latest-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!--Bootstrap latest-->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>
Nancy