已解決430363個問題，去搜搜看，總會有你想問的

bootstrap的輪播圖怎么實現響應式？

首頁猿問 bootstrap的輪播圖怎么實現...

bootstrap的輪播圖怎么實現響應式？

Bootstrap JavaScript JQuery

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

今天試了一天，怎么才能將bootstrap的輪播圖怎么實現響應式？就是隨著瀏覽器的縮小輪播圖也成比例縮小呢？求指點！比如這個網站的那個輪播圖就能很好的自適應，隨著瀏覽器的大小改動也可以改動http://demo.wpcom.cn/third/

查看完整描述

2 回答

已采納

神圣的誓言

TA貢獻5條經驗獲得超0個贊

<div?class="container">
????<div?class="row">
????????<div?class="col-md-12">輪播圖內容</div>
?????</div>
</div>

反對回復 2017-01-20

大咪
3q謝謝提示。

回復 2017-01-21

幕布斯7574896

TA貢獻38條經驗獲得超3個贊

輪播圖的img就是自適應的，具體是設置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;
}

反對回復 2018-05-09

2 回答
3 關注
3573 瀏覽

關注

添加回答

舉報

0/150

提交

取消

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

熱搜

最近搜索清空

bootstrap的輪播圖怎么實現響應式？

bootstrap的輪播圖怎么實現響應式？

2 回答

添加回答

bootstrap的輪播圖怎么實現響應式？

bootstrap的輪播圖怎么實現響應式？