亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

新手求問,輪播問題()

<!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">

? ? <!-- 上述3個meta標簽*必須*放在最前面,任何其他內容都*必須*跟隨其后! -->

? ? <title>現代手機博物館</title>

? ? <link href="css/bootstrap.min.css" rel="stylesheet">

? ? <link rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">


? ? <!-- Bootstrap -->


? ? <!-- HTML5 shim 和 Respond.js 是為了讓 IE8 支持 HTML5 元素和媒體查詢(media queries)功能 -->

? ? <!-- 警告:通過 file:// 協議(就是直接將 html 頁面拖拽到瀏覽器中)訪問頁面時 Respond.js 不起作用 -->

? ? <!--[if lt IE 9]>

? ? ? <script src="js/html5shiv.min.js"></script>

? ? ? <script src="js/respond.min.js"></script>

? ? <![endif]-->

? </head>

? <body>


? ?? ? ?<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script>

<script src="js/bootstrap.min.js"></script>

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

? ?

? ? <!-- 加載 Bootstrap 的所有 JavaScript 插件。你也可以根據需要只加載單個插件。 -->

? ?

? ?<nav class="navbar navbar-default navba-fixed-top navbar-inverse">

? <div class="container">

? ? <!-- Brand and toggle get grouped for better mobile display -->

? ? <div class="navbar-header">

? ? ? <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">

? ? ? ? <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="#">現代手機博物館</a>

? ? </div>


? ? <!-- Collect the nav links, forms, and other content for toggling -->

? ? <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

? ? ? <ul class="nav navbar-nav">

? ? ? ? <li class="active"><a href="#">IOS <span class="sr-only">(current)</span></a></li>

? ? ? ? <li class="dropdown">

? ? ? ? ? <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Android <span class="caret"></span></a>

? ? ? ? ? <ul class="dropdown-menu">

? ? ? ? ? ? <li><a href="#">MI</a></li>

? ? ? ? ? ? <li><a href="#">OPPO</a></li>

? ? ? ? ? ? <li><a href="#">HUAWEI</a></li>

? ? ? ? ? ?<!--? <li role="separator" class="divider"></li> -->

? ? ? ? ? ? <li><a href="#">VIVO</a></li>

? ? ? ? ? ? <!-- <li role="separator" class="divider"></li> -->

? ? ? ? ? ? <li><a href="#">MEIZU</a></li>

? ? ? ? ? </ul>

? ? ? ? </li>

? ? ? </ul>

? ? ? <form class="navbar-form navbar-left">

? ? ? ? <div class="form-group">

? ? ? ? ? <input type="text" class="form-control" placeholder="Search">

? ? ? ? </div>

? ? ? ? <button type="submit" class="btn btn-default">Submit</button>

? ? ? </form>

? ? </div><!-- /.navbar-collapse -->

? </div><!-- /.container-fluid -->

</nav>

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">

? <!-- Indicators -->

? <ol class="carousel-indicators">

? ? <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>

? ? <li data-target="#carousel-example-generic" data-slide-to="1"></li>

? ? <li data-target="#carousel-example-generic" data-slide-to="2"></li>

? </ol>


? <!-- Wrapper for slides -->

? <div class="carousel-inner" role="listbox">

? ? <div class="item active">

? ? ? <img src="..." alt="...">

? ? ? <div class="carousel-caption">

? ? ? ? ...

? ? ? </div>

? ? </div>

? ? <div class="item">

? ? ? <img src="..." alt="...">

? ? ? <div class="carousel-caption">

? ? ? ? ...

? ? ? </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 class="sr-only">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 class="sr-only">Next</span>

? </a>

</div>


? ? <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依賴 jQuery,所以必須放在前邊) -->

?

? ?

? </body>

</html>


正在回答

1 回答

問題是什么?

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
基于bootstrap的網頁開發
  • 參與學習       187652    人
  • 解答問題       760    個

Bootstrap框架的基礎教程,學會用Bootstrap前端框架搭建網頁

進入課程

新手求問,輪播問題()

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號