html - 让文字出现在图片下方

Question

大家好，我正在尝试让一些文本出现在我使用 Bootstrap 版本 3 的图片下方

到目前为止我有:

    <div class="row">
        <div class="col-xs-12 col-sm-6 col-md-3"><img alt="my image" class="img-about" src="Images/s1.fw.png"></div>
        <div class="col-md-3">
            <h2>aa</h2>
        </div>

但到目前为止它是并排出现的，但我希望它出现在彼此下面所以图片在上面然后文字在下面例如

Picture 
-Text 

谢谢

Answer 1

如果您希望文本位于图像下方，请不要将其放在单独的列中。

    <div class="row">
      <div class="col-xs-12 col-sm-6 col-md-3">
       <img alt="my image" class="img-about" src="Images/s1.fw.png"></div>
       <h2>aa</h2>
      <div class="col-md-3">
        // Use this for seconfd image in the right of the 1st one.
      </div>
   </div>