Bootstrap垂直对齐中间div [重复]答案

【问题标题】：Bootstrap vertical align middle div [duplicate]Bootstrap垂直对齐中间div [重复]
【发布时间】：2017-10-21 20:13:24
【问题描述】：

我必须 col-6 一个有图像，一个有文本。我需要把图片中间的文字去掉。

这是 html 代码。谢谢丹

 <div class="row_inner_wrapper  clearfix">
		<div class="row_inner row_center_content clearfix">
			<div class="wpb_column vc_column_container vc_col-sm-6">
				<div class="vc_column-inner ">
					<div class="wpb_wrapper">
						<div class="row_inner_wrapper clearfix">
								<div><h2 class="text-center">~ 1995 – סודות ההצלחה ~</h2></div>
					</div>
					</div> 
		</div>
			</div>
			<div class="wpb_column vc_column_container vc_col-sm-6">
				<div class="vc_column-inner ">
					<div class="wpb_wrapper">
						<div class="wpb_single_image wpb_content_element vc_align_left">
				 			<div class="vc_single_image-wrapper   vc_box_border_grey">
					 			<img src="jjjj.coo.com">
					 		</div>
				 	</div>
			</div>
	</div>
			</div>
		</div>
</div>

【问题讨论】：

有多种方法和更简单的方法，请查看此链接css-tricks.com/design-considerations-text-images

标签： html css wordpress twitter-bootstrap-3

【解决方案1】：

请检查下面编辑的sn-p。

.row_inner_wrapper {text-align:center;display:inline-block;}

<div class="row_inner_wrapper  clearfix">
		<div class="row_inner row_center_content clearfix">
			<div class="wpb_column vc_column_container vc_col-sm-6">
				<div class="vc_column-inner ">
					<div class="wpb_wrapper">
						<div class="row_inner_wrapper clearfix">
								<div><h2 class="text-center">~ 1995 – סודות ההצלחה ~</h2></div>
					</div>
					</div> 
		</div>
			</div>
			<div class="wpb_column vc_column_container vc_col-sm-6">
				<div class="vc_column-inner ">
					<div class="wpb_wrapper">
						<div class="wpb_single_image wpb_content_element vc_align_left">
				 			<div class="vc_single_image-wrapper   vc_box_border_grey">
					 			<img src="jjjj.coo.com">
					 		</div>
				 	</div>
			</div>
	</div>
			</div>
		</div>
</div>

【讨论】：