Задать вопрос
Ответы пользователя по тегу Bootstrap
  • Как правильно отобразить карусель?

    idontgetit
    @idontgetit
    Начинающий дед
    Пример рабочей карусели
    Попробуй просто заменить картинки на свои и запустить
    <div class="carousel slide" data-ride="carousel" id="slides">
    		<ul class="carousel-indicators">
    			<li data-target="#slides" data-slide-to="0" class="active"></li>
    			<li data-target="#slides" data-slide-to="1"></li>
    			<li data-target="#slides" data-slide-to="2"></li>
    			<li data-target="#slides" data-slide-to="3"></li>
    		</ul>
    		<div class="carousel-inner">
    			<div class="carousel-item active">
    				<img src="img/slider/1.jpg">
    				<div class="carousel-caption">
    					<h1 class="display-2">Программирование</h1>
    					<h3>Научитесь программировать</h3>
    					<button type="button" class="btn btn-ounline btn-lg btn-white">
    						Подробнее
    					</button>
    					<button type="button" class="btn btn-warning btn-lg">
    						О нас
    					</button>
    				</div>
    			</div>
    
    			<div class="carousel-item">
    				<img src="img/slider/2.jpg">
    				<div class="carousel-caption">
    					<div class="container-fluid">
    						<div class="row juistify-content-start">
    							<h1 class="design__headline"><span>3D</span> Design</h1>			
    						</div>	
    					</div>
    					
    			
    				</div>
    			</div>
    			<div class="carousel-item">
    				<img src="img/slider/3.jpg">
    			</div>
    			<div class="carousel-item">
    				<img src="img/slider/4.jpg">
    			</div>
    		</div>
    	</div> <!--end карусель-->
    Ответ написан
    Комментировать