在Bootstrap中，col-xs-12不是100％宽度的ocupying，因为display：flex;属性

Question

我需要垂直对齐我的站点左侧的图像，该图像使用bootstrap。我发现了一个解决方案here一切正常但是当我调整到xs屏幕时，属性col-xs-12与另一列共享空间并且没有采用100％宽度。 我应该如何尊重所提供的给定空间？

Answer 1

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

我没有仔细阅读here