uniwebsidad

Este foro ya no está activo, así que no puedes publicar nuevas preguntas ni responder a las preguntas existentes.

Cómo crear un carousel Bootstrap 3 con dos filas y dos columnas

15 de diciembre de 2015

Estoy tratando de hacer un carousel en Bootstrap de esta manera:

<div class="carousel slide" id="myCarousel">
    <!-- Carousel items -->
    <div class="carousel-inner">
        <div class="item active">
            <div class="row centered">
                <div class="col-md-4" data-toggle="collapse" data-target="#servicenotopportunities-collapse">
                    <a href="#">Title lorem ipsum dolor</a>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet.
                    </p>
                </div>
                <div class="col-md-4 margin" data-toggle="collapse" data-target="#servicenotopportunities-collapse">
                    <a href="#">Title lorem ipsum dolor</a>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet.
                    </p>
                </div>
            </div>
            <!--/row-->
        </div>
        <!--/item-->
        <div class="item">
            <div class="row centered">
                <div class="col-md-4" data-toggle="collapse" data-target="#servicenotopportunities-collapse">
                    <a href="#">Title lorem ipsum dolor</a>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet.
                    </p>
                </div>
                <div class="col-md-4 margin" data-toggle="collapse" data-target="#servicenotopportunities-collapse">
                    <a href="#">Title lorem ipsum dolor</a>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet.
                    </p>
                </div>
            </div>
            <!--/row-->
        </div>
        <!--/item-->
    </div>
    <!--/carousel-inner--> 
    <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
    <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>
</div>
<!--/myCarousel-->

Pero necesito, que el carousel, sean dos filas de dos columnas, actualmente tengo una fila con dos columnas, pues necesito repetir lo mismo debajo y que cuando navego con las flechas el carousel se mueva de 4 en 4.

¿Cómo podría hacerlo? Muchas gracias.

bootstrap