引导垂直对齐属性不起作用
引导垂直对齐属性不起作用
提问于 2018-06-02 20:48:02
Bootstrap文档中的一个非常基本的问题。到目前为止，除了这个垂直对齐之外，一切似乎都正常工作。在下图中，您可以看到How it should be和How it appears in my browser。
<div class="container">
<div class="row">
<div class="col align-self-start">
One of three columns
</div>
<div class="col align-self-center">
One of three columns
</div>
<div class="col align-self-end">
One of three columns
</div>
</div>
</div>回答 1
Stack Overflow用户
发布于 2018-06-02 21:23:19
垂直中心是相对于高度的。在您的示例中，所有的兄弟列都是相同的高度，所以您不会看到对齐方式的任何变化。
.row需要具有定义的高度，或者列中的某些内容导致行具有更高的高度。
<div class="container">
<div class="row" style="height:180px">
<div class="col align-self-start">
One of three columns
</div>
<div class="col align-self-center">
One of three columns
</div>
<div class="col align-self-end">
One of three columns
</div>
</div>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50657084
复制相关文章
相似问题