Gallery Box with Label & Captions Below
How To
<style>
.carousel-inner img { width: 100%; }
.carousel-caption {
position: initial;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 10px;
color: #000;
text-align: left;
text-shadow: none;
}
.carousel-control.right, .carousel-control.left {
background-image: none;
}
</style>
Iris's CSS
<style>
.carousel-caption {
position:relative;
text-align:left;
left:2%;
color:#5C5757 !important;
text-shadow:0 0px 0px rgba(0,0,0,.6);
padding-top:20px;
padding-bottom:0px;
}
.carousel-caption h4 {
font-size:16px;
}
.carousel-caption p {
font-size:12px;
margin-bottom:1px;
}
.carousel-indicators {
position:relative;
margin-top:20px;
margin-bottom:-10px;
}
.carousel-indicators .active {
background-color:#5C5757;
border:1px solid #fff;
}
.carousel-indicators li {
background-color:#fff;
border:1px solid #5C5757;
}
.carousel-control.right {
background-image:none;
}
.carousel-control.left {
background-image:none;
}
.carousel-control {
color:#000;
margin-top: -25px;
}
</style>