I
а точнее?
слайдер по дефолту у бутстрапа респонсив
слайдер по дефолту у бутстрапа респонсив
Size: a a a
2021 July 09
Ф
У Бутстрапа по дэфолту надо переписывать половину классов, либо свой css писать, чтобы получить нормальный результат
VH
С языка снял +
VH
Выкладывайте на кодпен, быстрей помогут
I
разве можно выложить с картинками?
Ф
Точнее вы должны знать в чём суть адаптивной и респонсивной вёрстки. Посмотрите в сторону относительных единиц измерения vh, vw и иже с ними
Ф
Тут у вас это бэкграундное изображение?
I
вот я задал высоту 80vh и 100% ширину. 80 потому что над слайдером хедер стоит, который как бы его накрывает. по высоте-то все решгулируется, но картирнки сжимаютс] и изображение искажается. поэтому и спрашиваю тут, как правильно менять размер слайдера
I
вот результат
I
<section class="carousel main-carousel">
<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel" data-pause="false">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="src/images/main-carousel/Ben-Reactor.jpg" class="d-block w-100" alt="carousel picture">
</div>
<div class="carousel-item">
<img src="src/images/main-carousel/Carla-Morrison.jpg" class="d-block w-100" alt="carousel picture">
</div>
</div>
</div>
</section>
I
размеры картинок 1280 x 720
I
сss годного нет, пытался всеми доступными средствами и всем, что находил в гугле
последняя попытка вот, а результат это скрин, который я скинул выше
последняя попытка вот, а результат это скрин, который я скинул выше
.carousel-inner > .carousel-item > img { width:100%; height:80vh; }I
помогите, пожалуйста. у меня 3 таска, и я уже 2 дня не могу выполнить ни один из них ☹️
Ф
Фриланс?
I
на испыталке
С
Пусть коллеги подскажут
С
а object-fit не канает?