Javascript 为什么我的引导导航切换按钮不工作?
我的引导导航切换按钮不工作 我的代码有什么问题?为什么它不起作用Javascript 为什么我的引导导航切换按钮不工作?,javascript,html,css,twitter-bootstrap,Javascript,Html,Css,Twitter Bootstrap,我的引导导航切换按钮不工作 我的代码有什么问题?为什么它不起作用 <!DOCTYPE html> <!-- saved from url=(0077)https://d396qusza40orc.cloudfront.net/phoenixassets/web-frameworks/index.html --> <html lang="en"><head> <meta http-equiv="Content-Type" conten
<!DOCTYPE html>
<!-- saved from url=(0077)https://d396qusza40orc.cloudfront.net/phoenixassets/web-frameworks/index.html -->
<html lang="en"><head>
<meta http-equiv="Content-Type" content="text/html charset=windows-1252">
<title>Ristorante Con Fusion</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-theme.min.css" rel="stylesheet">
<link href="css/mystyle.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-inverse navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Ristorante Con Fusion</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</nav>
<header class="jumbotron">
<!-- Main component for a primary marketing message or call to action -->
<div class="container">
<div class="row row-header">
<div class="col-xs-12 col-sm-8">
<h1>Ristorante con Fusion</h1>
<p style="padding:40px;"></p>
<p>We take inspiration from the World's best cuisines, and create a unique fusion experience. Our lipsmacking creations will tickle your culinary senses!</p>
</div>
<div class="col-xs-12 col-sm-4">
</div>
</div>
</div>
</header>
<div class="container">
<div class="row row-content">
<div class="col-xs-12 col-sm-3 col-sm-push-9">
<p style="padding:20px;"></p>
<h3 align="center">Our Lipsmacking Culinary Creations</h3>
</div>
<div class="col-xs-12 col-sm-9 col-sm-pull-3">
<h2>Uthappizza</h2>
<p>A unique combination of Indian Uthappam (pancake) and Italian pizza, topped with Cerignola olives, ripe vine cherry tomatoes, Vidalia onion, Guntur chillies and Buffalo Paneer.</p>
<p><a href="https://d396qusza40orc.cloudfront.net/phoenixassets/web-frameworks/index.html#">More ?</a></p>
</div>
</div>
<div class="row row-content">
<div class="col-xs-12 col-sm-3 col-sm-push-9">
<p style="padding:20px;"></p>
<h3 align="center">This Month's Promotions</h3>
</div>
<div class="col-xs-12 col-sm-9 col-sm-pull-3">
<h2>Weekend Grand Buffet</h2>
<p>Featuring mouthwatering combinations with a choice of five different salads, six enticing appetizers, six main entrees and five choicest desserts. Free flowing bubbly and soft drinks. All for just $19.99 per person </p>
<p><a href="https://d396qusza40orc.cloudfront.net/phoenixassets/web-frameworks/index.html#">More ?</a></p>
</div>
</div>
<div class="row row-content">
<div class="col-xs-12 col-sm-3 col-sm-push-9">
<p style="padding:20px;"></p>
<h3 align="center">Meet our Culinary Specialists</h3>
</div>
<div class="col-xs-12 col-sm-9 col-sm-pull-3">
<h2>Alberto Somayya</h2>
<h4>Executive Chef</h4>
<p>Award winning three-star Michelin chef with wide International experience having worked closely with whos-who in the culinary world, he specializes in creating mouthwatering Indo-Italian fusion experiences. </p>
<p><a href="https://d396qusza40orc.cloudfront.net/phoenixassets/web-frameworks/index.html#">More ?</a></p>
</div>
</div>
</div>
<footer class="row-footer">
<div class="container">
<div class="row">
<div class="col-xs-5 col-xs-offset-1 col-sm-2 col-sm-offset-1">
<h5>Links</h5>
<ul class="list-unstyled">
<li><a href="https://d396qusza40orc.cloudfront.net/phoenixassets/web-frameworks/index.html#">Home</a></li>
<li><a href="https://d396qusza40orc.cloudfront.net/phoenixassets/web-frameworks/index.html#">About</a></li>
<li><a href="https://d396qusza40orc.cloudfront.net/phoenixassets/web-frameworks/index.html#">Menu</a></li>
<li><a href="https://d396qusza40orc.cloudfront.net/phoenixassets/web-frameworks/index.html#">Contact</a></li>
</ul>
</div>
<div class="col-xs-6 col-sm-5">
<h5>Our Address</h5>
<address>
121, Clear Water Bay Road<br>
Clear Water Bay, Kowloon<br>
HONG KONG<br>
Tel.: +852 1234 5678<br>
Fax: +852 8765 4321<br>
Email: <a href="mailto:confusion@food.net">confusion@food.net</a>
</address>
</div>
<div class="col-xs-12 col-sm-4">
<div style="padding: 40px 10px;">
<a href="http://google.com/+">Google+</a>
<a href="http://www.facebook.com/profile.php?id=">Facebook</a>
<a href="http://www.linkedin.com/in/">LinkedIn</a>
<a href="http://twitter.com/">Twitter</a>
<a href="http://youtube.com/">YouTube</a>
<a href="mailto:">Mail</a>
</div>
</div>
<div class="col-xs-12">
<p style="padding:10px;"></p>
<p align="center">? Copyright 2015 Ristorante Con Fusion</p>
</div>
</div>
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body></html>
Ristorante Con Fusion
切换导航
Ristorante con Fusion
我们从世界上最好的菜肴中汲取灵感,创造独特的融合体验。我们的唇彩创意会让你的烹饪感觉愉悦
我们的美味佳肴
乌萨皮扎
印度乌萨帕姆(煎饼)和意大利比萨的独特组合,顶部有樱桃橄榄、成熟葡萄藤樱桃西红柿、维达利亚洋葱、甘特辣椒和水牛肉饼
本月的促销活动
周末大自助餐
以令人垂涎欲滴的组合为特色,可选择五种不同的沙拉、六种诱人的开胃菜、六种主菜和五种精选甜点。自由流动的泡沫饮料和软饮料。每人只需19.99美元
见见我们的烹饪专家
阿尔贝托·索马亚
行政总厨
屡获殊荣的米其林三星级厨师,具有广泛的国际经验。他与烹饪界的who密切合作,擅长创造令人垂涎的印度-意大利融合体验
链接
我们的地址
?版权所有2015 Ristorante Con Fusion
希望下面的解决方案对您有效,可能问题在于加载一些外部库,当您在浏览器中打开此页面时,使用F12转到浏览器控制台,查看是否有任何错误
我已经创建了在它里面,您的导航切换按钮正在工作,但是它里面的一些链接,如主页、菜单、关于不工作,因为您没有在
中指定链接。如果您在控制台中看到任何错误,请将它们加起来。我猜你的libs有问题,为什么不试着使用不同的版本,或者像使用jquery一样使用cdn呢?你说的“不工作”是什么意思?你(没有)看到什么行为?我们需要比这更好的问题陈述。