                        課程
                    
                        /前端開發
                        
                            /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">
????<!--?上述3個meta標簽*必須*放在最前面，任何其他內容都*必須*跟隨其后！?-->
????<title>現代瀏覽器博物館</title>

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

????<!--[if?lt?IE?9]>
??????<script?src="js/html5shiv.js"></script>
??????<script?src="js/respond.min.js"></script>
????<![endif]-->
????<style>
????body{
??????padding-top:70px;
????}
????.carousel{
??????height:500px;
??????background-color:?#000;?
????}
????.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?{
??????padding-right:?15px;
??????padding-left:?15px;
????}

????.summary?.col-md-4?{
??????margin-bottom:?20px;
??????text-align:?center;
????}
????</style>
??</head>
??<body>
??<div?class="navbar?navbar-default?navbar-fixed-top?navbar-inverse"?role="navigation">
??<div>
????<div>
??????<button?type="button"?data-toggle="collapse"?data-target=".navbar-collapse">
????????<span>切換導航</span>
????????<span></span>
????????<span></span>
????????<span></span>
??????</button>
??????<a?href="#">現代瀏覽器博物館</a>
????</div>

????<div?class="navbar-collapse?collapse">
????????????<ul?class="nav?navbar-nav">
????????????????<li><a?href="#ad-carousel">綜述</a></li>
????????????????<li><a?href="#summary-container">簡述</a></li>
????????????????<li>
????????????????????<a?href="#"?data-toggle="dropdown">特點?<span></span></a>
????????????????????<ul?role="menu">
????????????????????????<li><a?href="#feature-tab"?data-tab="tab-chrome">Chrome</a></li>
????????????????????????<li><a?href="#feature-tab"?data-tab="tab-firefox">Firefox</a></li>
????????????????????????<li><a?href="#feature-tab"?data-tab="tab-safari">Safari</a></li>
????????????????????????<li><a?href="#feature-tab"?data-tab="tab-opera">Opera</a></li>
????????????????????????<li></li>
????????????????????????<li><a?href="#feature-tab"?data-tab="tab-ie">IE</a></li>
????????????????????</ul>
????????????????</li>
????????????????<li><a?href="#"?data-toggle="modal"?data-target="#about-modal">關于</a></li>
????????????</ul>
????</div>
??</div>

??<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="images/chrome-big.jpg"?alt="1?solid">
??????<div>
??????<div>
????????<h1>Chrome</h1>
????????<p>Google?Chrome，又稱Google瀏覽器，是一個由Google（谷歌）公司開發的網頁瀏覽器。</p>
????????<p><a?class="btn?btn-lg?btn-primary"?>點我下載</a></p>
??????</div>
??????</div>
????</div>
????<div>
??????<img?src="images/firefox-big.jpg"?alt="2?solid">
??????<div>
??????<div>
????????<h1>Firefox</h1>
????????<p>Mozilla?Firefox，中文名通常稱為“火狐”或“火狐瀏覽器”，是一個開源網頁瀏覽器。</p>
????????<p><a?class="btn?btn-lg?btn-primary"?>點我下載</a></p>
??????</div>
??????</div>
????</div>
????<div>
??????<img?src="images/safari-big.jpg"?alt="3?solid">
??????<div>
??????<div>
????????<h1>Safari</h1>
????????<p>Safari，是蘋果計算機的最新操作系統Mac?OS?X中的瀏覽器。</p>
????????<p><a?class="btn?btn-lg?btn-primary"?>點我下載</a></p>
??????</div>
??????</div>
????</div>
????<div>
??????<img?src="images/opera-big.jpg"?alt="4?solid">
??????<div>
??????<div>
????????<h1>Opera</h1>
????????<p>Opera瀏覽器，是一款挪威Opera?Software?ASA公司制作的支持多頁面標簽式瀏覽的網絡瀏覽器。</p>
????????<p><a?class="btn?btn-lg?btn-primary"?>點我下載</a></p>
??????</div>
??????</div>
????</div>
????<div>
??????<img?src="images/ie-big.jpg"?alt="5?solid">
??????<div>
??????<div>
????????<h1>IE</h1>
????????<p>Internet?Explorer，簡稱?IE，是微軟公司推出的一款網頁瀏覽器。</p>
????????<p><a?class="btn?btn-lg?btn-primary"?>點我下載</a></p>
??????</div>
??????</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>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>
?
??<div>
????<div?id="summary-container">
??????<div>
????????<img?src="images/chrome-logo-small.jpg"?alt="chrome">
????????<h2>Chrome</h2>
??????????<p>Google?Chrome，又稱Google瀏覽器，是一個由Google（谷歌）公司開發的網頁瀏覽器。</p>
??????????<p><a?class="btn?btn-default"?href="#"?role="button">點我下載</a></p>
??????</div>
??????<div>
????????<img?src="images/firefox-logo-small.jpg"?alt="firefox">
????????<h2>Firefox</h2>
??????????<p>Mozilla?Firefox，中文名通常稱為“火狐”或“火狐瀏覽器”，是一個開源網頁瀏覽器。</p>
??????????<p><a?class="btn?btn-default"?href="#"?role="button">點我下載</a></p>
??????</div>
??????<div>
????????<img?src="images/safari-logo-small.jpg"?alt="safari">
????????<h2>Safari</h2>
??????????<p>Safari，是蘋果計算機的最新操作系統Mac?OS?X中的瀏覽器。</p>
??????????<p><a?class="btn?btn-default"?href="#"?role="button">點我下載</a></p>
??????</div>
????</div>
??</div>

????<script?src="js/jquery-1.11.1.min.js"></script>
????<script?src="js/bootstrap.min.js"></script>
??</body>
</html>

csusun

2016-05-30

源自：基于bootstrap的網頁開發 3-7

關注問題我要回答

882

操作

收起

1 回答

javaVampire
2016-06-01

首先導航欄少東西 ?

?<div class="container">

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

?</button>

?<a class="navbar-brand" href="#">現代瀏覽器博物館</a>

</div>

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

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

?<ul class="dropdown-menu">

<li><a href="#tab-chrome" data-tab="tab-chrome">Chrome</a></li>

<li><a href="#tab-firefox" data-tab="tab-firefox">Firefox</a></li>

<li><a href="#tab-safari" data-tab="tab-safari">Safari</a></li>

<li><a href="#tab-opera" data-tab="tab-opera">Opera</a></li>

?</ul>

</li>

?</ul>

</div>

?</div>

</nav>

你對比下 ?。改完后再看看

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

收起回答

舉報

0/150

提交

取消

基于bootstrap的網頁開發

參與學習 187652 人
解答問題 760 個

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

進入課程

本課相似問答

1 回答求大神看一下為什么我頁面最下面老顯示不全

2 回答出不來效果，請大神幫忙看一下哪里錯了？？

3 回答求大神幫我看下為什么我這個代碼不是直接顯示第二項，哪的問題呢？找了半天沒找出問題

2 回答求大神看看為啥代碼，找了一晚上沒找出錯誤

1 回答求大神教下我

搜索更多本課相關問答

求大神幫我看看哪錯了最下面一直顯示不全

我要回答關注問題

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

熱搜

最近搜索清空

求大神幫我看看哪錯了 最下面一直顯示不全

1 回答

本課相似問答

求大神幫我看看哪錯了 最下面一直顯示不全

求大神幫我看看哪錯了最下面一直顯示不全

求大神幫我看看哪錯了最下面一直顯示不全