如何將 Bootstrap 輪播標題垂直居中並稍微向左放置？

垂直對齊Bootstrap 輪播標題

要將輪播標題垂直居中並將其稍微向左放置，您可以使用CSS 屬性的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 data-target="#jumboCarousel" data-slide-to="1">
        <li data-target="#jumboCarousel" data-slide-to="2">
        <li data-target="#jumboCarousel" data-slide-to="3">
    </ol>
<!-- end carousel-indicators -->

    <!-- Wrapper for Slides -->
    <div class="carousel-inner" role="listbox">
        <div class="item active" id="slide1">
            <a href="#"><img src="/static/imghwm/default1.png" data-src="http://placehold.it/1920x720&text=Slide+1" class="lazy" alt="Slide 1"></a>
            <div class="carousel-caption">
                <h1 id="Check-Out-this-Moose">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="/static/imghwm/default1.png" data-src="http://placehold.it/1920x720&text=Slide+2" class="lazy" alt="Slide 2">
            <div class="carousel-caption"></div>
</div>
</div>
</div></code>

以上是如何將 Bootstrap 輪播標題垂直居中並稍微向左放置？的詳細內容。更多資訊請關注PHP中文網其他相關文章！