Html 对齐图像旁边中间的文本 我在一个div中有一个COL-MD—6的图像，我想把图像放在中间的右边。什么代码适用于此？我发现唯一可行但不准确的方法是弄乱填充物

@导入url（'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');
#包装器2 h1{
文本对齐：居中
}
#包装纸2P{
文本对齐：居中；
}
.col-md-6{
填充：0；
}

男排
购买我们2017年最新推出的产品

您需要定义自己的自定义列css类，并将其显示设置为table cell。最后，使“垂直对齐”和“文本对齐”属性居中

@导入url（'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');
#包装器2 h1{
文本对齐：居中
}
#包装纸2P{
文本对齐：居中；
}
.col-md-6{
填充：0；
}
.自定义列{
显示：表格单元格；
身高：100%；
宽度：50%；
垂直对齐：中间对齐；
文本对齐：居中
}

男排
购买我们2017年最新推出的产品

添加

显示：flex和
对齐项目：居中到
.row
类将产生此效果。还添加了
flex wrap:wrap将使代码响应。然后添加
flex-grow:1到文本容器，用于在移动视图中居中文本

HTML
您真的希望图像占据行的50%，而文本/描述占据行的另一半吗？或者这仅仅是你用来调整两者的一种机制吗？我不确定我是否喜欢引导列的边缘来实现这一点。你没有干预任何事情。你只是添加了另一个类，你还不确定。如果OP想要使用引导列提供的断点怎么办？您的答案不包括引导列类，即使它有您的解决方案，也会覆盖它们以使其表现不同。OP代表什么？OP=原始海报=发布问题的人。
<div class="row flex-center">
  <div class="col-md-6 text-container">
   <h1>Men's Line</h1>
   <p>Shop our newest 2017 arrivals</p>
  </div>
</div>

.flex-center {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
} 

.text-container {
  flex-grow : 1;
}