Look at official Bootstrap site Carousel section http://twitter.github.io/bootstrap/javascript.html#carousel
Carousel is an integral element of any modern website. Bootstrap provides a standard carousel pretty simple to use and modify. To use Carousel just copy the code from the official site and include the html file the necessary javascript code.
You should not have problems and difficulties with the use of the standard bootstrap carousel. Therefore, we will discuss the different methods of use and modification of the carousel to provide additional functionality.
NOTE: Be sure to locate your stylesheet files below bootstrap.css style file. Than browsers will apply modyfined properties and overwrite Bootstrap properties by default.
Changing the direction of the slides in the carousel to vertical
Take a look to the Vertical Carousel CSS3 properties
Unfortunately the default bootstrap carousel does not provide fade effect. So here's the code to quickly create the desired effect.
Demo: http://bootply.com/64693
Code: http://bootply.com/render/64693
Bootstrap carousel with multi items
It is often necessary to show in the carousel several positions at the same time(multi items), it is ideally reduces site space, allows you to show just a lot of positions, such as products or customers logos or anything
If you need mobile stacked items here is the solution
