為什么我沒有實(shí)現(xiàn)圖片的滾動(dòng)，求大神指點(diǎn)？
<!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">
??? <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
??? <title>簡歷網(wǎng)頁版</title>
??? <style>
??? ?body{
??? ?padding:50px;
??? ?}
??? ??.carousel{
??? ???height:500px;
??? ???background-color:#000;
??? ??}
??? ?.carousel .item{
??? ??height:200px;
??? ??background-color:#000;
??? ?}
??? ?.carousel img{
??? ??width:100%;
??? ?height:200px;
??? ?}
??? ?.carousel .catption p{
??? ??margin-bottom:20px;
??? ?font-size:20px;
??? ?line-height:1.8em;
??? ??
??? ?}
??? </style>
??? <!-- Bootstrap -->
??? <link rel="stylesheet">
? </head>
? <body>
??? <nav class="navbar navbar-default navbar-fixed-top navbar-inverse"?? role="navigation">
??? ?
??? <!-- 這里加了。navbar-fixed-top類可以讓導(dǎo)航條固定在頂部，固定的導(dǎo)航條會(huì)遮住頁面面上的一部分其他內(nèi)容，
??? 除非給body元素設(shè)置padding，默認(rèn)高度是50px，比如設(shè)置body{padding-top:70px}。 navbar-inverse不加的情況下是白色條框，
??? 加了他是黑色導(dǎo)航條-->
? <div><!--可以寫container 讓導(dǎo)航條自適應(yīng)顯示或者container-fluid居中顯示-->
??? <!-- Brand and toggle get grouped for better mobile display -->
??? <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>
??? <!-- 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><a href="#">基本資料<span>(current)</span></a></li>
??????? <li><a href="#">教育背景</a></li>
???????? <li><a href="#">榮譽(yù)獎(jiǎng)勵(lì)</a></li>
?????? <li>
??????????? <a herf="#"class="dropdown-toggle" data-toggle="dropdown">職業(yè)技能<span></span></a>
???????????? <ul role="menu" >
???????????? <li><a herf="#">單片機(jī)</a></li>
???????????? <li><a herf="#">數(shù)電模電</a></li>
???????????? <li><a herf="#">roteus</a></li>
?????????????? <li></li>
???????????? <li><a herf="#">HBuilder</a></li>
???????????? </ul>
?????? </li>
?????????? <li><a href="#">相關(guān)證書</a></li>
??????????? <li><a href="#">自我評(píng)價(jià)</a></li>
???????????? <li><a href="#">項(xiàng)目經(jīng)驗(yàn)</a></li>
???????????
?????????
??? </div><!-- /.navbar-collapse -->
? </div><!-- /.container-fluid -->
</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><!--這一塊是三個(gè)小小點(diǎn)點(diǎn)的圖標(biāo)-->
??? <div role="listbox">
??? <div class="item active ">
??? ?<img src="img/cc.jpg" alt="0 slide">
??? ?<div>
??? ??<h1>努力</h1>
??? ???<p>相信夢(mèng)想是價(jià)值的源泉，相信眼光決定未來的一切，
??? ????相信成功的信念比成功本身更重要，相信人生有挫折沒有失敗，
??? ????相信生命的質(zhì)量來自決不妥協(xié)的信念。</p>
??? ????<p><a class="btn btn-lg btn-prmiary" target="_blank" role="button">點(diǎn)我下載</a></p>
??? </div>
??? </div>
??? </div>
??? ?<img src="img/dd.jpg" alt="1 slide">
??? ?<div>
??? ??<h1>飛翔</h1>
??? ???<p>我走得很慢，但我從不后退！</p>
??? ????<p><a class="btn btn-lg btn-prmiary" target="_blank" role="button">點(diǎn)我下載</a></p>
??? </div>
??? </div>
??? </div>
??? <img src="img/ee.jpg" alt="2 slide">
??? ?<div>
??? ??<h1>隱忍</h1>
??? ???<p>流過淚的眼睛更明亮，滴過血的心靈更堅(jiān)強(qiáng)！</p>
??? ????<p><a class="btn btn-lg btn-prmiary" target="_blank" role="button">點(diǎn)我下載</a></p>
</div>
</div><!--這部分是內(nèi)容-->
?</div>
??? <img src="img/ss.jpg" alt="3 slide">
??? ?<div>
??? ??<h1>隱忍</h1>
??? ???<p>流過淚的眼睛更明亮，滴過血的心靈更堅(jiān)強(qiáng)！</p>
??? ????<p><a class="btn btn-lg btn-prmiary" target="_blank" role="button">點(diǎn)我下載</a></p>
</div>
</div><!--這部分是內(nèi)容-->
?</div>
??? <img src="img/ggg.jpg" alt="4 slide">
??? ?<div>
??? ??<h1>成功</h1>
??? ???<p>失敗是什么？沒有什么，只是更走近成功一步；成功是什么？就是走過了所有通向失敗的路，
??? ????只剩下一條路，那就是成功的路。</p>
??? ????<p><a class="btn btn-lg btn-prmiary" target="_blank" role="button">點(diǎn)我下載</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"</span>
<span>上一頁</span>
</a>
? <a class="right carousel-control" href="#Carousel-example-generic" role="button" data-slide="next">
? ?<span class="glyphicon glyphicon-chevron-right"></span>
? ?<span>下一頁</span>
</a><!--這部分是向左向右的按扭即<>-->
</div>
????? <script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
??? <!-- Include all compiled plugins (below), or include individual files as needed -->
??? <script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.js"></script>
? </body>
</html>
2017-07-07
這個(gè)代碼不是一點(diǎn)點(diǎn)問題啊，先來隨便說幾個(gè):1.很亂；2.有的標(biāo)簽沒有閉合；3.該用結(jié)構(gòu)你沒用，該用的類你沒用；4.有的東西用錯(cuò)了。
如果你正確引用如下格式，并仔細(xì)的把代碼敲完整了，標(biāo)簽閉合了
那就應(yīng)該是我這樣的
其實(shí)最主要的問題是你的結(jié)構(gòu)和代碼語言的不完整，還在漏標(biāo)簽，應(yīng)該是新手吧，要仔細(xì)一點(diǎn)喲！希望對(duì)你有幫助。