Image about the bootstrap slide

0

Colleagues.

I have a slide made in bootstrap, but I would like to put an image on all the slides, that is, as the slide passes, the image continues over them, without moving. The code I have is:

<header id="myCarousel" class="carousel slide">
 <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>
<div class="carousel-inner">
<div class="item active">
                <div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Slide One');"></div>
                <div class="carousel-caption">
                    <h2>Caption 1</h2>
                </div>
            </div>
            <div class="item">
                <div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Slide Two');"></div>
                <div class="carousel-caption">
                    <h2>Caption 2</h2>
                </div>
            </div>
            <div class="item">
                <div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Slide Three');"></div>
                <div class="carousel-caption">
                    <h2>Caption 3</h2>
                </div>
            </div>
        </div>

Is this possible?

    
asked by anonymous 21.01.2016 / 12:36

1 answer

2

You can place the image outside the myCarousel class (just below the tag's closing), creating another div with the botstrap class text-center "to align.

Example: link

    
21.01.2016 / 13:27