admin管理员组

文章数量:1323723

is there a simple method to do the following changes on the carousel?

  • navigation controls not as an overlay of the picture
  • a black border around the picture (place the nav controls here)
  • caption outside too

is there a simple method to do the following changes on the carousel?

  • navigation controls not as an overlay of the picture
  • a black border around the picture (place the nav controls here)
  • caption outside too
Share Improve this question edited Nov 26, 2013 at 20:19 GEOCHET 21.3k15 gold badges77 silver badges99 bronze badges asked Mar 5, 2013 at 19:47 masterchris_99masterchris_99 2,7337 gold badges36 silver badges58 bronze badges
Add a ment  | 

1 Answer 1

Reset to default 6

This is simply an issue of creating your own CSS sheet below the link to the bootstrap stylesheet.

  • To move the navigation controls adjust position on: .carousel-control.right and .carousel-control.left
  • Border around image: .carousel-inner > .item > img, .carousel-inner > .item > a > img
  • Caption: .carousel-caption

Look at their CSS through firebug and make your own adjustments. Again, do not edit the bootstrap CSS itself overwrite it with your own.

本文标签: javascriptTwitter Bootstrap Carousel customizenavigation controls outside and black borderStack Overflow