Anupam Anupam - 1 year ago 48
CSS Question

media-heading at the bottom of the image?

I am trying to create a horizontal list of images and put image-heading under the image (instead of above it). Is that possible with Bootstrap 3? (Didn't see anything related to that in the docs)

<h5 class="media-heading pull-left">One</h5>
<img class="media-object pull-left" src="{% static "/img/one.jpg" %}" alt="..." />
<h5 class="media-heading pull-left">Two</h5>
<img class="media-object pull-left" src="{% static "/img/two.jpg" %}" alt="..." />
<h5 class="media-heading pull-left">Three</h5>
<img class="media-object pull-left" src="{% static "/img/three.jpg" %}" alt="..." />

Answer Source

Try this:

<div class="thumbnail">
      <a href="/w3images/fjords.jpg">
        <img src="/w3images/fjords.jpg" alt="Fjords" style="width:100%">
        <div class="caption">
          <p>Lorem ipsum...</p>
        </div>
      </a>
    </div>
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download