相关疑难解决方法(0)

如何垂直居中一个Bootstrap轮播标题?

我有一个自举旋转木马,我正在尝试为旋转木马创建一个标题,该标题始终垂直居中并略微向左定位.我有水平定位的CSS ...但是当我尝试垂直定位时,标题不会保持不变.如何保持.carousel-caption始终垂直居中并略微向左?

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 …
Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap

20
推荐指数
1
解决办法
5万
查看次数

标签 统计

css ×1

html ×1

twitter-bootstrap ×1