首頁(yè) 猿問(wèn) bootstrap的輪播圖怎么實(shí)現(xiàn)...

bootstrap的輪播圖怎么實(shí)現(xiàn)響應(yīng)式？

Bootstrap JavaScript JQuery

大咪 2017-01-20 20:19:39

今天試了一天，怎么才能將bootstrap的輪播圖怎么實(shí)現(xiàn)響應(yīng)式？就是隨著瀏覽器的縮小輪播圖也成比例縮小呢？求指點(diǎn)！比如這個(gè)網(wǎng)站的那個(gè)輪播圖就能很好的自適應(yīng)，隨著瀏覽器的大小改動(dòng)也可以改動(dòng)http://demo.wpcom.cn/third/

查看完整描述

2 回答

已采納

神圣的誓言

TA貢獻(xiàn)5條經(jīng)驗(yàn) 獲得超0個(gè)贊

<div?class="container">
????<div?class="row">
????????<div?class="col-md-12">輪播圖內(nèi)容</div>
?????</div>
</div>

反對(duì) 回復(fù) 2017-01-20

大咪
3q謝謝提示。

回復(fù) 2017-01-21

幕布斯7574896

TA貢獻(xiàn)38條經(jīng)驗(yàn) 獲得超3個(gè)贊

輪播圖的img就是自適應(yīng)的，具體是設(shè)置img的max-width為100%;

.carousel-inner>.item>a>img,?.carousel-inner>.item>img,?.img-responsive,?.thumbnail?a>img,?.thumbnail>img?{
????display:?block;
????max-width:?100%;
????height:?auto;
}

反對(duì) 回復(fù) 2018-05-09