                        課程
                    
                        /前端開發
                        
                            /Bootstrap
                        
                        /基于bootstrap的網頁開發

為什么圖片顯示不一樣啊，不能切換

<!DOCTYPE html>
<html>
?<head>
?<meta charset="utf-8">
?<meta http-equiv="X-UA-Compatible" content="IE=edge">
?<meta name="viewport" content="width=device-width, initial-scale=1">
?<title>現代瀏覽器博物館</title>
?<link href="css/bootstrap.min.css" rel="stylesheet">
?
<style type="text/css">
?? ?body{
?? ??? ?padding-top: 50px;
?? ?}
?? ?.carousel{
?? ??? ?height: 350px;
?? ??? ?background-color:#000;
?? ?}
?? ?.carousel .item{
?? ??? ?height: 350px;
?? ??? ?background-color:#000;
?? ?}
?? ?.carousel img{
?? ??? ?width: 100%;
?? ?}
?? ?.carousel-caption{
?? ??? ?margin-bottom: 20px;
?? ??? ?font-size: 20px;
?? ??? ?line-height: 1.8;
?? ?}
</style>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top navbar-inverse">
? <div>
??? 
??? <div>
????? <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
??????? <span>Toggle navigation</span>
??????? <span></span>
??????? <span></span>
??????? <span></span>
????? </button>
????? <a href="#">現代瀏覽器博物館</a>
??? </div>
??? <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
????? <ul class="nav navbar-nav">
??????? <li><a href="#">綜述</a></li>
??????? <li><a href="#">簡述</a></li>
??????? <li>
?? ??? ??? ?<a href="#" data-toggle="dropdown">特點<span></span></a>
?
??? ??? ?<ul role="menu">
?? ??? ?<li><a href="#">Chrome</a></li>
? ??? ??? ?<li><a href="#">Firefox</a></li>
? ?? ? ?? ?<li><a href="#">Opera</a></li>
?? ??? ?<li><a href="#">Safari</a></li>
?? ??? ?<li><a href="#">IE</a></li>
??? ??? ?</ul>
?? ??? ?</li>
?? ??? ?<li><a href="#">關于</a></li>
??????? </li>
??????? </ul> ?
??????? </div>
??????? </ul>
?? ??? ?</div>
? ?? ??? ?</div>
?? ??? ?</nav>
?? <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
? 
? <ol>
??? <li data-target="#carousel-example-generic" data-slide-to="0"></li>
??? <li data-target="#carousel-example-generic" data-slide-to="1"></li>
??? <li data-target="#carousel-example-generic" data-slide-to="2"></li>
??? <li data-target="#carousel-example-generic" data-slide-to="3"></li>
??? <li data-target="#carousel-example-generic" data-slide-to="4"></li>
? </ol>

? 
? <div role="listbox">
??? <div class="item active">
????? <img src="http://pic.baike.soso.com/p/20140620/20140620160951-121466348.jpg" alt="1 slide">
????? <div>
??????? <h1>Chrome</h1>
??????? <p>Google Chrome,又稱Google瀏覽器,是一個由Google（谷歌）公司開發的網頁瀏覽器。</p>
??????? <p><a class="btn btn-lg btn-primary" role="button" target="_blank">點我下載</a></p>
????? </div>
??? </div>
??? <div>
????? <img src="http://tupian.enterdesk.com/2012/0624/1/15.jpg" alt="2 slide">
????? <div>
??????? <p>Mozilla Firefox,中文名通常稱為“火狐”或“火狐瀏覽器”，是一個開源網頁瀏覽器。</p>
??????? <p><a class="btn btn-lg btn-primary" role="button" target="_blank">點我下載</a></p>?????? ?
????? </div>
??? </div>
??????? <div>
????? <img src="http://www.uisheji.com/wp-content/uploads/2013/06/13/ios7-icon-safari-800x600.png" alt="3 slide">
????? <div>
??????? <p>Safari,是蘋果計算機的最新操作系統Mac OS X中的瀏覽器。</p>
??????? <p><a class="btn btn-lg btn-primary" role="button" target="_blank">點我下載</a></p>
????? </div>
??? </div>
??????? <div>
????? <img src="http://www.xiazaizhijia.com/uploads/allimg/140313/87-140313114442910.jpg" alt="4 slide">
????? <div>
??????? <p>Opera瀏覽器，是一款挪威Opera Software ASA公司制作的支持多頁面標簽式瀏覽的網絡瀏覽器。</p>
??????? <p><a class="btn btn-lg btn-primary" role="button" target="_blank">點我下載</a></p>
????? </div>
??? </div>
??????? <div>
????? <img src="http://www.xuanxue.com/file/upload/201504/02/10-12-53-77-1.png" alt="5 slide">
????? <div>
??????? <p>Internet Explorer,簡稱IE，是微軟公司推出的一款網頁瀏覽器。</p>
??????? <p><a class="btn btn-lg btn-primary" role="button" target="_blank">點我下載</a></p>
????? </div>
??? </div>
??? ...
? </div>

? 
? <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
??? <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
??? <span>Previous</span>
? </a>
? <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
??? <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
??? <span>Next</span>
? </a>
</div>
???? <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
? <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>