Здравствуйте, у меня есть загрузочная карусель, и я хотел бы изменить ее размер, но я не могу этого сделать, и я попытался применить модификации к основному классу, но мне удалось уменьшить размер только самой карусели, но не размера изображения карусели, как установить нестандартный размер?
Код карусели:
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="img/paso1.png" alt="Facebook" class="img-responsive">
</div>
<div class="item">
<img src="img/paso2.png" alt="Geolocalisacion" class="img-responsive">
</div>
<div class="item">
<img src="img/paso3.png" alt="Pedir" class="img-responsive">
</div>
<div class="item">
<img src="img/paso4.png" alt="Recibir" class="img-responsive">
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
попробуйте изменить размер "myCarousel" и это не повлияет на размер фотографий, и при попытке изменить размер фотографий в процентах тоже ничего не происходит.
CSS карусели
height
установлен на.carousel
и.carousel-inner > .item > img
. Вы должны изменить оба:Вот пример: https://jsfiddle.net/cedfkkn6/
Другой пример только с процентными значениями (они относятся к контейнеру): https://jsfiddle.net/cedfkkn6/1/
Попробуйте
carousel-inner img
изменить размер изображения иcarousel-inner
изменить размер самой карусели, см.:CSS