Estoy queriendo agregar una especie de pie de foto, dependiendo de si la foto contiene descripcion o no.
este seria un ejemplo:
Lo que se me ocurrio fue recurrir al caption y tratar de tocarlo con css para lograr mi objetivo
<div id="mi-carousel" class="carousel slide">
<!-- Contenedor de los Slide -->
<div class="carousel-inner">
@foreach($articulo->imagenes as $index => $imagen)
<div class="item @if($index == 0) active @endif">
<img src="{{ asset('img/articulos/'.$imagen->nombre) }}" alt="" class="img-responsive">
@if($imagen->descripcion != "")
<div class="carousel-caption hidden-xs hidden-sd caption-articulo">
<h4>
{{ $imagen->descripcion }}
</h4>
</div>
@endif
</div>
@endforeach
</div>
@if($articulo->imagenes->count() > 1)
<!-- Controloles -->
<a class="left carousel-control" href="#mi-carousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Anterior</span>
</a>
<a class="right carousel-control" href="#mi-carousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Siguiente hidden-xs hidden-sd</span>
</a>
@endif
</div>
En el .css
.caption-articulo {
top: auto;
bottom: 0;
background: #B984B3;;
}
Con esto logre ponerlo abajo, pero tengo una falencia importante en lo que a css y no se como hacer para lograr algo parecido a la imagen