Bootstrap help - calling all experts!

HTML-CSS
1

Can someone please add the code for an image in each of the boxes and a sentence under the image for the three columns bootstrap bit - So I can copy the code and reuse? Many thanks

<div class="container">
<h1 class="page-header">Grid Columns</h1>
<h4>Three Columns <span>(no reset on responsive)</span></h4>
<div class="row">
<div class="col-xs-4 col-md-4">.col-xs-4 .col-md-4</div>
<div class="col-xs-4 col-md-4">.col-xs-4 .col-md-4</div>
<div class="col-xs-4 col-md-4">.col-xs-4 .col-md-4</div>
</div>
<h4></h4>
</div>
2

sorry how do i show the code?

3 
<div class="container">
<h1 class="page-header">Grid Columns</h1>
<h4>Three Columns <span>(no reset on responsive)</span></h4>
<div class="row">
<div class="col-xs-4 col-md-4">.col-xs-4 .col-md-4</div>
<div class="col-xs-4 col-md-4">.col-xs-4 .col-md-4</div>
<div class="col-xs-4 col-md-4">.col-xs-4 .col-md-4</div>
</div>
<h4></h4>
</div>
4

Under each column, add images using <img> tags. Make sure to give them display of block to occupy entire width of their rows. Then you could simply use <p> tag to give descriptions to them.

I actually suggest you to do this semantically because your name after all is html4life.

https://www.w3schools.com/tags/tag_figure.asp

5

could you provide me with an example of one please?

6 
<div class="col-xs-4 col-md-4">
  <img src="..." />
  <p>description</p>
</div>
7

Thank you so much for the help