I'm making a website that uses Bootstrap 3 and I need a row with 3 columns of thumbnails with their captions to the right. Like this:
So my questions are:
How do I get the captions to the right?
How do I vertically center the text to the thumbnail?
If possible I'd like to have the gray wrapper you see on the image.
If you don't plan to support IE8 or less you can use the following rule:
.vertical-center {
position: relative;
top: 50%;
transform: translateY(-50%);
}
This should be applied to the child you want to vertical center inside its parent.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.