在 Bootstrap col-xs-12 中没有占据 100% 的宽度，因为 display: flex;财产答案

【问题标题】：in Bootstrap col-xs-12 is not ocupying 100% width because the display: flex; property在 Bootstrap col-xs-12 中没有占据 100% 的宽度，因为 display: flex;财产
【发布时间】：2016-08-17 07:58:05
【问题描述】：

我需要在使用引导程序的站点中从左侧垂直对齐图像。我找到了一个解决方案here 一切都很好，但是当我调整到 xs 屏幕时，属性 col-xs-12 与另一列共享空间并且没有占用 100% 的宽度。我应该如何让它尊重提供的给定空间？

【问题讨论】：

标签： twitter-bootstrap flexbox

【解决方案1】：

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    .vertical-align {
        display: flex;
        align-items: center;
    }
}

我没仔细看here

【讨论】：