<!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"><link rel="stylesheet" href="css/bootstrap.min.css" /><script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script><script type="text/javascript" src="js/bootstrap.min.js" ></script><style>body{padding-top: 50px;}.carousel{height: 500px;background-color: #000000;}.carousel .item{height: 500px;background-color: #000000;}.carousel img{width: 100%;}@media (max-width: 768px) {? ? .carousel {? ? ? ? height: 300px;? ? ? ? margin-bottom: 30px;? ? }? ? .carousel .item {? ? ? ? height: 300px;? ? }? ? .carousel img {? ? ? ? min-height: 300px;? ? }}</style><title>Hello World</title></head><body><nav class="navbar navbar-default navbar-fixed-top">? ? ? <div>? ? ? ? <div>? ? ? ? ? <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">? ? ? ? ? ? <span>Toggle navigation</span>? ? ? ? ? ? <span></span>? ? ? ? ? ? <span></span>? ? ? ? ? ? <span></span>? ? ? ? ? </button>? ? ? ? ? <a href="#">某管理系統(tǒng)</a>? ? ? ? </div>? ? ? ? <div id="navbar" class="collapse navbar-collapse">? ? ? ? ? <ul class="nav navbar-nav">? ? ? ? ? ? <li><a href="#">首頁</a></li>? ? ? ? ? ? <li role="presentation">? ? ? ? <a id="drop4" href="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">? ? ? ? ? 功能? ? ? ? ? <span></span>? ? ? ? </a>? ? ? ? <ul id="menu1" aria-labelledby="drop4">? ? ? ? ?<li>業(yè)務功能</li>? ? ? ? ? <li><a href="#">信息建立</a></li>? ? ? ? ? <li><a href="#">信息查詢</a></li>? ? ? ? ? <li><a href="#">信息管理</a></li>? ? ? ? ? <li role="separator"></li>? ? ? ? ? <li>系統(tǒng)功能</li>? ? ? ? ? <li><a href="#">設置</a></li>? ? ? ? </ul>? ? ? </li>? ? ? ? ? ? <li><a href="#contact">幫助</a></li>? ? ? ? ? </ul>? ? ? ? </div><!--/.nav-collapse -->? ? ? </div>? ? </nav>? ??? ? <!--輪播圖開始-->? ??? ? <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">?<!-- Indicators -->?<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>?<!-- Wrapper for slides -->?<div role="listbox">? ?<div class="item active">? ? ?<img src="img/chrome-big.jpg" alt="chrome">? ? ?<div><h1>Chrome</h1><p>Google Chrome,又稱Google瀏覽器，是一個由Google（谷歌）公司開發(fā)的網(wǎng)頁瀏覽器</p><p><a class="btn btn-lg btn-primary" target="_blank">點我下載</a></p>? ? ?</div>? ?</div>? ?<div>? ? ?<img src="img/firefox-big.jpg" alt="firefox">? ? ?<div>? ? ? ?<h1>Firefox</h1><p>Mozilla Firefox,中文名通常稱為“火狐”或者火狐瀏覽器，是一個開源網(wǎng)頁瀏覽器</p><p><a class="btn btn-lg btn-primary" target="_blank">點我下載</a></p>? ? ?</div>? ?</div>? ?<div class="item active">? ? ?<img src="img/ie-big.jpg" alt="ie">? ? ?<div><h1>IE</h1><p>Google Chrome,又稱Google瀏覽器，是一個由Google（谷歌）公司開發(fā)的網(wǎng)頁瀏覽器</p><p><a class="btn btn-lg btn-primary" target="_blank">點我下載</a></p>? ? ?</div>? ?</div>? ?<div class="item active">? ? ?<img src="img/opera-big.jpg" alt="opera">? ? ?<div><h1>opera</h1><p>Google Chrome,又稱Google瀏覽器，是一個由Google（谷歌）公司開發(fā)的網(wǎng)頁瀏覽器</p><p><a class="btn btn-lg btn-primary" target="_blank">點我下載</a></p>? ? ?</div>? ?</div>? ?<div class="item active">? ? ?<img src="img/safari-big.jpg" alt="safari">? ? ?<div><h1>safari</h1><p>Google Chrome,又稱Google瀏覽器，是一個由Google（谷歌）公司開發(fā)的網(wǎng)頁瀏覽器</p><p><a class="btn btn-lg btn-primary" target="_blank">點我下載</a></p>? ? ?</div>? ?</div>?</div>?<!-- Controls -->?<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>上一頁</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>下一頁</span>?</a></div><!--輪播圖結束--></body></html>
2 回答
平行維度
TA貢獻1條經(jīng)驗 獲得超0個贊
少了class="carousel-inner"
不是每一個輪播項目都是class="item active"，后幾個應該是class="item"
添加回答
舉報
0/150
提交
取消