課程
/前端開發(fā)
/Bootstrap
/基于bootstrap的網(wǎng)頁開發(fā)
這樣弄的話界面縮小了好奇怪啊,怎么改啊
2014-11-12
源自:基于bootstrap的網(wǎng)頁開發(fā) 3-6
正在回答
<!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>Hello World</title>
<link rel="stylesheet" >
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js">
</script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<style>
? ? .carousel { height: 500px;}
? ? .carousel .item {height: 500px;}
? ? .carousel .item img { width: 100%; }
</style>
</head>
<body>
? ? <div id="myCarousel" class="carousel slide">
? ? <!-- 輪播(Carousel)指標 -->
? ? <ol>
? ? ? ? <li data-target="#myCarousel" data-slide-to="0"></li>
? ? ? ? <li data-target="#myCarousel" data-slide-to="1"></li>
? ? ? ? <li data-target="#myCarousel" data-slide-to="2"></li>
? ? </ol> ??
? ? <!-- 輪播(Carousel)項目 -->
? ? <div>
? ? ? ? <div class="item active">
? ? ? ? ? ? <img src="http://img1.sycdn.imooc.com//5412ad400001e52014280484.jpg" alt="First slide">
? ? ? ? ? ? <div> 11 英寸 MacBook Air 充電一次可運行長達 9 小時,而 13 英寸機型則可運行長達 12 小時。1</div>
? ? ? ? </div>
? ? ? ? <div>
? ? ? ? ? ? <img src="http://img1.sycdn.imooc.com//5412ad7c0001d2eb10880541.jpg" alt="Second slide">
? ? ? ? ? ? <div>無論是什么任務,配備 Intel HD Graphics 5000 圖形處理器的第四代 Intel Core 處理器都能應對自如。</div>
? ? ? ? ? ? <img src="http://img1.sycdn.imooc.com//5412ae5c0001653b12800644.jpg" alt="Third slide">
? ? ? ? ? ? <div>有了新一代 802.11ac 技術(shù),MacBook Air 令 Wi-Fi 速度超越極限</div>
? ? </div>
? ? <!-- 輪播(Carousel)導航 -->
? ? <br/>
? ? <a class="carousel-control left" href="#myCarousel"?
? ? ? ? data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span>
? ? </a>
? ? <a class="carousel-control right" href="#myCarousel"?
? ? ? ? data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span>
</div>
</body>
</html>
沒有人回答嗎?同問
舉報
Bootstrap框架的基礎(chǔ)教程,學會用Bootstrap前端框架搭建網(wǎng)頁
2 回答height為500px時,縮小瀏覽器下面會是黑色的 怎么解決啊
3 回答瀏覽器縮小后,輪播圖片上得字不縮小
2 回答瀏覽器縮小后,內(nèi)容超出圖片了
6 回答瀏覽器變小了 輪播圖的下方就會出現(xiàn) 黑色 怎么解決啊 求大神幫忙
1 回答為什么窗口縮小,輪播和圖片都變小了,字體不變?。?/p>
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2017-06-01
<!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>Hello World</title>
<link rel="stylesheet" >
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js">
</script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<style>
? ? .carousel { height: 500px;}
? ? .carousel .item {height: 500px;}
? ? .carousel .item img { width: 100%; }
</style>
</head>
<body>
? ? <div id="myCarousel" class="carousel slide">
? ? <!-- 輪播(Carousel)指標 -->
? ? <ol>
? ? ? ? <li data-target="#myCarousel" data-slide-to="0"></li>
? ? ? ? <li data-target="#myCarousel" data-slide-to="1"></li>
? ? ? ? <li data-target="#myCarousel" data-slide-to="2"></li>
? ? </ol> ??
? ? <!-- 輪播(Carousel)項目 -->
? ? <div>
? ? ? ? <div class="item active">
? ? ? ? ? ? <img src="http://img1.sycdn.imooc.com//5412ad400001e52014280484.jpg" alt="First slide">
? ? ? ? ? ? <div> 11 英寸 MacBook Air 充電一次可運行長達 9 小時,而 13 英寸機型則可運行長達 12 小時。1</div>
? ? ? ? </div>
? ? ? ? <div>
? ? ? ? ? ? <img src="http://img1.sycdn.imooc.com//5412ad7c0001d2eb10880541.jpg" alt="Second slide">
? ? ? ? ? ? <div>無論是什么任務,配備 Intel HD Graphics 5000 圖形處理器的第四代 Intel Core 處理器都能應對自如。</div>
? ? ? ? </div>
? ? ? ? <div>
? ? ? ? ? ? <img src="http://img1.sycdn.imooc.com//5412ae5c0001653b12800644.jpg" alt="Third slide">
? ? ? ? ? ? <div>有了新一代 802.11ac 技術(shù),MacBook Air 令 Wi-Fi 速度超越極限</div>
? ? ? ? </div>
? ? </div>
? ? <!-- 輪播(Carousel)導航 -->
? ? <br/>
? ? <br/>
? ? <a class="carousel-control left" href="#myCarousel"?
? ? ? ? data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span>
? ? </a>
? ? <a class="carousel-control right" href="#myCarousel"?
? ? ? ? data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span>
? ? </a>
</div>
</body>
</html>
2015-03-15
沒有人回答嗎?同問