Hide Navigation for Bootstrap Carousel

When Using Bootstrap's Carousel, it displays the Left and Right Navigation Arrows as in the below image, by default.

<a href="http://imgur.com/AzAqR"></a>

You can hide/remove by adding the following code into the css

.carousel .carousel-control { visibility: hidden; }