Dreamweaver broke my HTML

[Normie75]

For many years I was very happy using DW CSS6 on Windows7
However I just upgraded to a new Windows10 PC and find myself locked into the subscription version of DW 19.1

On one of my client websites is a dropdown menu:

<div class="collapse navbar-collapse" id="bs3-navbar-collapse-1">

<div class="navbar-header">
<a class="navbar-brand" href="2016-pics/stanmore-logo.jpg" style="margin-top:3px;"></a>
</div>

<ul class="nav navbar-nav nav-stacked">
<li><a href="http://www.sacps.org.uk/index.html">Home Page</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">About<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a class="dropdown-toggle" data-toggle="dropdown" href="#"><strong>Who's Who &amp; Contacts</strong></a>
</li>
<li><a href="http://www.sacps.org.uk/secure/whos-who.html" target="_blank">Who's Who?</a></li>
<li><a href="http://www.sacps.org.uk/secure/directory.html" target="_blank">Community Directory</a></li>
<li><a href="http://www.sacps.org.uk/stanmore-kehilla.html">About Us</a></li>
<li><a href="http://www.sacps.org.uk/secure/contact-us.html" target="_blank">Contact Us</a></li>
<li><a class="dropdown-toggle" data-toggle="dropdown" href="#"><strong>Policies &amp; Guidelines</strong></a>
</li>

... etc, etc - it's a long menu

And now the dropdowns don't work anymore as they used to before my 'upgrade'

Can anybody help fix this for me please?

Many thanks in advance.

[Ben M]

Dreamweaver is just a text editor for code.  There's nothing in the update process that would have broken your code.  Can we see your page on a test page to see what's going on?  From the sounds of it, something may be missing on the server that is preventing the drop down from working whether it is CSS/JS/etc. 

[Normie75]

Thank yiu for your response and my problem is resolved now.

[Nancy OShea]

It's always convenient to blame the software when things stop working as expected.  More often than not, it's caused by errors in the code or something that changed on the server.   If you care to post the URL to your online page where this problem occurs, we'll take a look at it for you.  

[Normie75]

Thanks my problem is resolved now.

[osgood_ · Accepted solution]

What appears to have disabled your navigation drop-downs is the Bootstrap min version script below:

<script type="text/javascript" src="bootstrap/3/js/bootstrap.min.js"></script>

It comes AFTER another call to the full bootstrap.js:

<script type="text/javascript" src="bootstrap/3/js/bootstrap.js"></script>

So I guess there is a conflict. You'll get some better information from those about that who use Bootstrap.

[Normie75]

Thanks for your reply it was very helpful.

I've seen that and commented that line out and it all works now.

[BenPleysier]

Adding to what osgood_ has said, the structure for Bootstrap 3 is:

<li class="dropdown">
  <a class="dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    Dropdown
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
    <li>...></li>
  </ul>
</li>

For more, see https://getbootstrap.com/docs/3.3/components/#dropdowns

[Normie75]

Thanks my problem is resolved now.