Align carousel indicators at bottom middle

Created by: ulyssesv

It would be nice to simply set a middle class such as <ol class="carousel-indicators middle"> and have this all set. It's very simple to override the actual indicators:

.carousel-indicators.middle {
    left: 0;
    right: 0;
    top: auto;
    bottom: 15px;
    text-align: center;
}
    .carousel-indicators.middle li {
        float: none;
        display: inline-block;
    }

This is the result: