左对齐标题用于中心对齐的响应图像

伊拉克里

我无法使其与Bootstrap 3一起使用。

我有一个中心对齐的响应图像,如下所示:

<img class="img-responsive center-block" src="">

并且我想添加标题,该标题将在图片下方保持对齐状态。

有任何想法吗?在此处输入图片说明

partypete25

这比我想象的要复杂得多。因此,要做的第一件事是将图像包裹在一个跨度中,这将控制字幕宽度的大小。从这里开始变得很复杂,因为让包装纸保持图像的宽度很容易,但是您失去了保持图像居中和响应的能力...

https://jsfiddle.net/mk7on98L/19/

      <span class="text-center center-block" style="max-width:100%">
    <span data-caption="Some sample text. Some sample text." class="img-wrapper text-left">
      <img class="img-responsive" src="http://placehold.it/350x150">
    </span>
  </span>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章