Выпадающие списки Bootstrap не работают как файлы с поддержкой asp

Question

Я использую серверную часть для моей панели навигации на своем веб-сайте. Навигационная панель начальной загрузки отлично работает в своем собственном файле: раскрывающийся список открывается и закрывается на мобильном телефоне, но как только я включаю его на страницу, на которой я хочу включить(), выпадающий список будет только раскрываться и не вернется обратно.

Я не уверен, что я делаю неправильно, или если кто-то может понять, что происходит не так.

Вот код только панели навигации, которая работает правильно сама по себе.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"> 
<link href="../_css/main.css" rel="stylesheet" type="text/css"> 

<nav class="navbar navbar-default navbar-fixed-top"> 
<div class="container-fluid"> 
    <div class="navbar-header"> 
     <a class="navbar-brand" href="/index.asp">O<span>NE</span> HEALTH <small>Nebraska One Health Resource Portal</small></a> 

     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
      <span class="sr-only">Toggle navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button>  
    </div> 
    <ul class="nav navbar-nav navbar-right collapse navbar-collapse"> 

     <li><a href="/health-resources.asp">Health Resources</a></li> 
     <li class="active"><a href="/around-the-globe.asp">Around the Globe</a></li> 

     <form class="navbar-form navbar-right search" role="search"> 
      <div class="input-group"> 
       <input type="text" class="form-control" placeholder="Search"> 
       <div class="input-group-btn"> 
        <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button> 
       </div> 
      </div> 
     </form> 

    </ul> 
</div> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 

Тогда я здесь, где я пытаюсь включить файл, в котором выпадающие больше не работает ....

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"> 
<link href="../_css/main.css" rel="stylesheet" type="text/css"> 

<!-- NAVIGATION --> 
<!--#include virtual="/navigation/navigation.asp" --> 

    <div class="index-main"> 
    <div class="container"> 
     <div class="col-md-10 col-md-offset-1"> 
     <h1 style="text-align: center">One Health</h1> 
     <h4 style="text-align: center; line-height: 35px; font-weight: 300">One Health is a comprehensive approach to public health which recognizes that the health of the environment, animals (wild and domestic), and humans are interconnected. To have long-term success against diseases, we have to address all three areas because diseases in one group frequently spill over and affect the others. The Nebraska One Health Program is a grant-funded program to network, research, and educate producers, pest control operators, educators, public health officals, and other interested parties about addressing diseases in nature that affect humans and their animals.</h4> 
</div> 
</div> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 

Answer 1

загружайте файлы и размещайте их на своей странице html локально и проверяйте один раз.