Change location of dots to the top of the component

[michaelcuneo]

Just wondering if there is a way to change the location of the dot component to be at the top of the Carousel instead of the bottom of the Carousel?

[antony]

Probably just using CSS

[timoanttila]

.carousel ul {
position: absolute;
top: 0; // or maybe little bit minus is needed
left: 0;
width: 100%;
text-align: center
}

But it would be nice to have dots under the carousel and not top of content in default. I have never understood why people want to put dots over carousel content. margin-top should be zero in default.