/CSS/Bootstrap/Css bootstrap carousel fade how to add fade in up text

Css bootstrap carousel fade how to add fade in up text

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet"/>
<script src="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>

<!-- Carousel Slider -->
<div class="carousel slide" id="sticksCarousel">
  <ol class="carousel-indicators middle">
    <li class="active" data-slide-to="0" data-target="#sticksCarousel"></li>
    <li data-slide-to="1" data-target="#sticksCarousel"></li>
    <li data-slide-to="2" data-target="#sticksCarousel"></li>
  </ol>

  <section class="carousel-inner">
    <div class="item active">
      <img alt="blah" class="image1" src="http://www.slidesjs.com/img/example-slide-350-3.jpg" style="width:100%;">
    </div>

    <div class="item">
      <img alt="blah" class="image2" src="http://www.slidesjs.com/img/example-slide-350-3.jpg" style="width:100%;">
    </div>

    <div class="item">
      <img alt="blah" class="image3" src="http://www.slidesjs.com/img/example-slide-350-3.jpg" style="width:100%;">
    </div>
  </section>

  <!-- Carousel Next/Prev -->
  <a class="left carousel-control" data-slide="prev" href="#sticksCarousel"></a>
  <a class="right carousel-control" data-slide="next" href="#sticksCarousel"></a>
</div>

<!-- Carousel Pre-text -->
<p id="sticksCarouselMessage">Text for Image 1 class!</p>
 Run code snippet

Source: stackoverflow.com

Similar codes

105 votes488 views3 answers
React bootstrap do you need to import
Javascript Bootstrap
0 vote448 views3 answers
Prevent click other tab bootstrap tabs
Javascript Bootstrap
1 vote424 views1 answer
Bootstrap modal title center
Javascript Bootstrap
0 vote436 views1 answer
Show modal in bootstrap 4
CSS Bootstrap
6 votes383 views3 answers
.row bootstrap
CSS Bootstrap
0 vote421 views2 answers
Laravel bootstrap 5 install popper.js error
Javascript Bootstrap
0 vote389 views2 answers
./node_modules/bootstrap/dist/js/bootstrap.bundle.js
Javascript Bootstrap
0 vote453 views1 answer
How to set the scroll in bootstrap4 table body
CSS Bootstrap
41 votes386 views4 answers
Bootstrap npmjs
Javascript Bootstrap
1 vote438 views2 answers
Change nav background color on scroll css without bootstrap
CSS Bootstrap