How to put text under a photo


#1

Okay, I have tried everything i can from margin to align and float, but non of all seem to work for putting my text under the photo.

It needs to be like this
|photo| |photo| |photo|
|text|

Hope you can help.


#2

Write the text after the photo?


#3

i would simple wrap the text in a set of paragraph tags, that should work:

<p>text</p>

you might want to add clear: both on the paragraph if you use float


#4

I already have that
(li)(img src="")(img src="")(/li)
(li)(p)text(/p)(/li)
( = <
) = >

should that work


#5

could you post your full code?

use one of the two following options to make your code/indent is visible:

select your code and press ctrl + shift + c (or cmd + shift + c if you use a mac)

if this instructions are unclear, you can also insert 3 backticks before and after your code, like so:

```
<p>visible</p>
```

the backtick is located above the tab key on your keyboard


#6

<div class="jumbotron">
      <div class="container">

        <div class="row">
          <div class="col-md-4">
            
            <ul>
              <div class="SOCIAL">
                <a href="https://twitter.com"><img src="TWITTER_BUTTON.png"></a>
                <a href="https://www.facebook.com"><img src="FACEBOOK_BUTTON.png"></a>
                <a href="http://tumblr.com/"><img src="TUMBLR_BUTTON.png"></a>
              </div>
            </ul>

            <ul>
              <p>E-mail: example@gmail.com</p>
              <p>Telefoon: 0123 456789</p>
            </ul>

        </div>
      </div>

      </div>
    </div>

#7

you should nest each image in a col:

<div class="col-md-4">
  <!-- image -->
</div>
<div class="col-md-4">
  <!-- image -->
</div>
<div class="col-md-4">
  <!-- image -->
</div>

and then below it a col (you decide which one) for your text. You do know how the cols works, right? If you don't, you might want to read about it on the bootstrap site


#8

Thank you so much I am going to work right at it


#10

okat so i made the picture col's to xs, but now de text is next to the pictures