Données de la bascule des Données et de la cible ne fonctionne pas comme souhaité
J'ai de l'échantillon de la barre de navigation. Mais je ne pouvais pas l'effondrement de comme la la "data-toggle' et 'data-target" ne sont pas de travail. Merci de m'aider et aussi donner une suggestion si il y a un autre problème dans mon code. Voici le code:
HTML:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="/css/bootstrap.min.css" />
<title>Basic Log In Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="Default.aspx" ><span><img alt="logo" src="Images/logo.png" height="30" /></span>BootStrap Demo</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="Default.aspx">Home</a></li>
<li><a href="#">About</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Social</a>
<ul class="dropdown-menu">
<li><a href="#">facebook</a></li>
<li><a href="#">Twitter</a></li>
<li><a href="#">Google+</a></li>
<li><a href="#">Instagram</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript" src="/js/bootstrap.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/jquery-1.12.0.min.js"></script>
</body>
</html>- Vous avez deux BootstrapJS fichiers, vous avez besoin d'un seul, et il vient après jQuery, pas avant.
Vous devez vous connecter pour publier un commentaire.
j'ai créé votre exemple à bootply et il fonctionne très bien. Donc, tout ce que je peux voir ici, c'est maintenant que votre fichier d'amorçage js peut-être pas le chargement. D'abord l'ajouter au-dessus de la page après bootstrap css et ensuite, vous devriez être bien . Vérifiez ici http://www.bootply.com/z2FXC4SKJn