Bootstrap 캐러셀 캡션을 수직으로 정렬
캐러셀 캡션을 수직으로 중앙에 배치하고 약간 왼쪽에 배치하려면 변환 CSS 속성의 번역Y 기능.
HTML:
<code class="html"><!-- start JumboCarousel --> <div id="jumboCarousel" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators hidden-xs"> <li data-target="#jumboCarousel" data-slide-to="0" class="active"></li> <li data-target="#jumboCarousel" data-slide-to="1"></li> <li data-target="#jumboCarousel" data-slide-to="2"></li> <li data-target="#jumboCarousel" data-slide-to="3"></li> </ol><!-- end carousel-indicators --> <!-- Wrapper for Slides --> <div class="carousel-inner" role="listbox"> <div class="item active" id="slide1"> <a href="#"><img src="http://placehold.it/1920x720&text=Slide+1" alt="Slide 1"></a> <div class="carousel-caption"> <h1>Check Out this Moose</h1> <p class="lead">This text is super engaging and makes you want to click the button.</p> <a href="#" class="btn btn-lg btn-primary">Learn More</a> </div><!-- end carousel-caption --> </div><!-- end slide1 --> <div class="item" id="slide2"> <img src="http://placehold.it/1920x720&text=Slide+2" alt="Slide 2"> <div class="carousel-caption"></code>
위 내용은 Bootstrap 캐러셀 캡션을 수직 중앙에 배치하고 약간 왼쪽에 배치하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!