Bootstrap Carousel with two vertical items

Navigation
1

The challenge is to: Make a Carousel using Bootstrap , which displays two items at a time, aligned vertically. Here's an outline of the idea:

IfoundsomeexamplesofCarouselusingmultipleitems,butnotverticallyaligned.

link

I tried to implement and could not.

Does anyone have a strength?

    
asked by anonymous 25.09.2014 / 22:33

3 answers

1

You can use this plugin that solves your problem:

link

    
25.09.2014 / 22:51
1

I used <div class="row"> to resolve this problem.

Codesnippetfor7thitem:

<divclass="item">
  <div class="col-md-4">
    <div class="row">
      <div class="col-md-12"><a href="#"><img src="http://placehold.it/500x250/993399/fff&amp;text=7_1"class="img-responsive"></a></div>
    </div>
    <div class="row">
      <div class="col-md-12"><a href="#"><img src="http://placehold.it/500x250/339933/fff&amp;text=7_2"class="img-responsive"></a></div>
    </div>
  </div>
</div>

Example and code: link

    
25.09.2014 / 22:59
1

You can use the grid techniques within the items that the Carousel works correctly.

Example

    
25.09.2014 / 23:11
How to change text from a header element in JavaScript? Check file creation date and delete