carousel bootstrap.html

<div class="container">

        <h4>Haciendo un Carousel en Bootstrap 3.3.6</h4>

        <div class="row">
            <div class="col-md-6">
                
                <div id="carousel-peliculas" class="carousel slide" data-ride="carousel" data-interval="5000">
                    <ol class="carousel-indicators">
                        <li data-target="#carousel-peliculas" data-slide-to="0" class="active"></li>
                        <li data-target="#carousel-peliculas" data-slide-to="1"></li>
                        <li data-target="#carousel-peliculas" data-slide-to="2"></li>
                    </ol>
                    <div class="carousel-inner">
                        <div class="item active">
                            <img alt="First slide" src="http://strikeescaperooms.com.au/wp-content/uploads/2016/02/escape_plan_2013_movie-wide-1.jpg">
                            <div class="carousel-caption">
                                <h3>Escape Plan</h3>
                                <p>Stallone y Schwarzenegger juntos en prisión</p>
                            </div>
                        </div>
                        <div class="item">
                            <img style="width: 650px; height: 400px;" alt="Second slide" src="http://www.demasiadocine.com/wp-content/uploads/2012/09/El-%C3%BAltimo-desafio-poster-arg.jpg">
                            <div class="carousel-caption">
                                <h3>El último desafío</h3>
                                <p>La jubilación no es para los tipos duros</p>
                            </div>
                        </div>
                        <div class="item">
                            <img style="max-height: 350px;"  alt="Third slide" src="http://static.hellofriki.com/wp-content/uploads/2015/09/Marvel-Ant-Man-Banner-Poster.jpg">
                            <div class="carousel-caption">
                                <h3>Ant-Man</h3>
                                <p>El tamaño no importa</p>
                            </div>
                        </div>
                    </div>
                    <a class="left carousel-control" href="#carousel-peliculas" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left"></span>
                    </a>
                    <a class="right carousel-control" href="#carousel-peliculas" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right"></span>
                    </a>
                </div> <!-- Carousel -->
            </div>
        </div>
       

    </div>