我有两列的布局。在左侧,一个可变大小的图像,右下方有一些描述性文字,一些带有标题的文字,数据字段等等。
如果图像很大,看起来没问题:
(请注意,此处图片正在使用.img-responsive
,查看时实际上大约为320x320,具体取决于浏览器视口大小。)
如果图像很小,我不喜欢对齐:
理想情况下,我希望小图像垂直和水平居中显示,描述性文字(" 150x150")与底部对齐。
这是否可行,理想情况下使用Bootstrap 3类,否则它是否可行?
这是我当前的代码(注意不包括白色边框,因为这是来自自定义Bootstrap样式表):http://www.bootply.com/szAeKcB7HP