Bootstrap 3 default Carousel: How to move indicators down and outside of slide container?

Question

What\'s an easy (and clean) way to move Bootstrap 3\'s carousel indicators down and outside of the slide container so it\'s not overlayed on the photos? See image below on where

Answer 1

You can push them below the slider like this...

.carousel-indicators {
  bottom:-50px;
}

Leave space below the carousel so that the pushed indicators don't interfere with content below the slider..

.carousel-inner {
   margin-bottom:50px;
}

Demo