Ipad Pro 高度彼此不对齐

Question

你能告诉我如何以统一的方式对齐高度吗？我正在使用 bootstrap 3，但是当涉及到 tablet 设备时我遇到了问题列看起来像这样...

至于我的HTML，我遵循container > row > col > box规则，table遵循col-md-6，大型设备遵循col-lg-4。我按照本教程添加了以下内容 class 但我仍然遇到高度对齐问题。

.row.is-flex {
    display: flex;
    flex-wrap: wrap;
}
.row.is-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

/*
* And with max cross-browser enabled.
* Nobody should ever write this by hand. 
* Use a preprocesser with autoprefixing.
*/
.row.is-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.is-flex > [class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

Answer 1

您只能将 CSS 用于 ipad

注意：将此 css 应用到块 class 之上。我假设您的顶级 class 是：.row.is-flex

    .row.is-flex:nth-child(2n+1){ 
        clear:left;    
    }

如有任何疑问，请告诉我

Ipad Pro 高度彼此不对齐

Ipad Pro height not aligning with each other

css

twitter-bootstrap-3