将包含列的图像调整为与兄弟

时间:2016-07-15 15:05:03

标签: html css twitter-bootstrap

我有两列的布局。在左侧,一个可变大小的图像,右下方有一些描述性文字,一些带有标题的文字,数据字段等等。

如果图像很大,看起来没问题:

enter image description here

(请注意,此处图片正在使用.img-responsive,查看时实际上大约为320x320,具体取决于浏览器视口大小。)

如果图像很小,我不喜欢对齐:

enter image description here

理想情况下,我希望小图像垂直和水平居中显示,描述性文字(" 150x150")与底部对齐。

这是否可行,理想情况下使用Bootstrap 3类,否则它是否可行?

这是我当前的代码(注意不包括白色边框,因为这是来自自定义Bootstrap样式表):http://www.bootply.com/szAeKcB7HP

0 个答案:

没有答案