/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

10 votes430 views4 answers
Bootstrap badges Links
CSS Bootstrap
238 votes541 views5 answers
Include bootstrap
CSS Bootstrap
-1 vote402 views1 answer
Change font size on large screen resolution bootstrap
CSS Bootstrap
24 votes429 views5 answers
Open bootstrap modal with javascript
Javascript Bootstrap
105 votes478 views3 answers
React bootstrap do you need to import
Javascript Bootstrap
133 votes479 views6 answers
Using bootstrap with react
Javascript Bootstrap
4 votes376 views2 answers
Bootstrap icons sdn
CSS Bootstrap
41 votes380 views4 answers
Bootstrap npmjs
Javascript Bootstrap
98 votes487 views2 answers
Add bootstrap to react,.........,,,,
Javascript Bootstrap
0 vote425 views1 answer
Reactbootstrap multiselect
Javascript Bootstrap