                        課程
                    
                        /前端開發(fā)
                        
                            /Bootstrap
                        
                        /基于bootstrap的網(wǎng)頁開發(fā)

關于簡述按鈕的跳轉(zhuǎn)，跳轉(zhuǎn)位置不太對。。

老師源代碼簡述按鈕跳轉(zhuǎn)剛好到滾動圖片下方，而我自己添加的卻跳到簡述欄圖標的一般越過了頂部導航欄。

怎么調(diào)整？

<!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>現(xiàn)代瀏覽器博物館</title>
????<link?href="css/bootstrap.min.css"?rel="stylesheet">
????<!--[if?lt?IE?9]>
??????<script?src="js/html5shiv.min.js"></script>
??????<script?src="js/respond/1.4.2/respond.min.js"></script>
????<![endif]-->
????<style?type="text/css">
????????body{padding-top:?50px;
??????????padding-bottom:?50px;}
????????.carousel{
??????????height:?500px;
??????????background-color:?#000;
??????????margin-bottom:?60px;
????????}
????????.carousel?.item{
??????????height:?500px;
??????????background-color:?#000;
????????}
????????.carousel?img{
??????????width:?100%
????????}
????????.carousel-caption?p{
??????????margin-bottom:?20px;
??????????font-size:?20px;
??????????line-height:?1.8;
????????}
????????#summary-container{
??????????text-align:?center;
????????}
????????#summary-container?.col-md-4{
??????????margin-bottom:?30px;
????????}
????????hr.divider{
??????????margin:40px?0;
????????}
????????.feature{
??????????padding:?30px?0;
????????}
????????.feature-heading{
??????????font-size:?50px;
??????????color:?#2a6496;
??????????margin-top:?120px;
????????}
????????.feature-heading?.text-muted{
??????????font-size:?28px;
??????????color:?#999;
????????}
??????</style>
??</head>
??<body>
????<nav?class="navbar?navbar-default?navbar-fixed-top?navbar-inverse"?role="navigation">
??????<div>
????????<div>
??????????<button?type="button"?class="navbar-toggle?collapsed"?data-toggle="collapse"?data-target="#demo-navbar">
????????????<span>Toggle?navigation</span>
????????????<span></span>
????????????<span></span>
????????????<span></span>
??????????</button>
??????????<a?href="#">現(xiàn)代瀏覽器博物館</a>
????????</div>

????????<div?class="collapse?navbar-collapse"?id="demo-navbar">
??????????<ul?class="nav?navbar-nav">
????????????<li><a?href="#">綜述</a></li>
????????????<li><a?href="#summary-container">簡述</a></li>
????????????<li><a?href="#"?data-toggle="dropdown">特點<span></span></a>
??????????????<ul?role="menu">
????????????????<li><a?href="#tab-chrome">Chrome</a></li>
????????????????<li><a?href="#tab-firefox">Firefox</a></li>
????????????????<li><a?href="#tab-safari">Safari</a></li>
????????????????<li><a?href="#tab-opera">Opera</a></li>
????????????????<li></li>
????????????????<li><a?href="#tab-ie">IE</a></li>
??????????????</ul>
????????????</li>
????????????<li><a?href="#"?data-toggle="modal"?data-target="#about">關于</a></li>
??????????</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="images/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"?>點我下載</a></p>
??????????</div>
????????</div>
????????<div>
??????????<img?src="images/firefox-big.jpg"?alt="firefox">
??????????<div>
????????????<h1>Firefox</h1>
????????????<p>Mozilla?Firefox，中文名通常稱為“火狐”或“火狐瀏覽器”，是一個開源網(wǎng)頁瀏覽器。</p>
????????????<p><a?class="btn?btn-lg?btn-primary"?>點我下載</a></p>
??????????</div>
????????</div>
????????<div>
??????????<img?src="images/safari-big.jpg"?alt="safari">
??????????<div>
????????????<h1>Safari</h1>
????????????<p>Safari，是蘋果計算機的最新操作系統(tǒng)Mac?OS?X中的瀏覽器。</p>
????????????<p><a?class="btn?btn-lg?btn-primary"?>點我下載</a></p>
??????????</div>
????????</div>
????????<div>
??????????<img?src="images/opera-big.jpg"?alt="opera">
??????????<div>
????????????<h1>Opera</h1>
????????????<p>Opera瀏覽器，是一款挪威Opera?Software?ASA公司制作的支持多頁面標簽式瀏覽的網(wǎng)絡瀏覽器。</p>
????????????<p><a?class="btn?btn-lg?btn-primary"?>點我下載</a></p>
??????????</div>
????????</div>
????????<div>
??????????<img?src="images/ie-big.jpg"?alt="ie">
??????????<div>
????????????<h1>IE</h1>
????????????<p>Internet?Explorer，簡稱?IE，是微軟公司推出的一款網(wǎng)頁瀏覽器。</p>
????????????<p><a?class="btn?btn-lg?btn-primary"?>點我下載</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>上一頁</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>
????<div>
??????<div?id="summary-container">
????????<div>
??????????<img?src="images/chrome-logo-small.jpg"?alt="Chrome?Logo">
??????????<h2>Chrome</h2>
??????????<p>Google?Chrome，又稱Google瀏覽器，是一個由Google（谷歌）公司開發(fā)的網(wǎng)頁瀏覽器。</p>
??????????<p><a?>點我下載</a></p>
????????</div>
????????<div>
??????????<img?src="images/firefox-logo-small.jpg"?alt="Firefox?Logo">
??????????<h2>Firefox</h2>
??????????<p>Mozilla?Firefox，中文名通常稱為“火狐”或“火狐瀏覽器”，是一個開源網(wǎng)頁瀏覽器。</p>
??????????<p><a?>點我下載</a></p>
????????</div>
????????<div>
??????????<img?src="images/safari-logo-small.jpg"?alt="Safari?Logo">
??????????<h2>Safari</h2>
??????????<p>Safari，是蘋果計算機的最新操作系統(tǒng)Mac?OS?X中的瀏覽器。</p>
??????????<p><a?>點我下載</a></p>
????????</div>
??????</div>
??????<hr?/>


????</script>
??</body>
</html>