我希望这些div是250px。当我进入Site.css文件并编写下面的第二个代码时,它就可以工作了……
<div class="container h-100" style="height:500px;">
<div class="row row-no-gutters" style="height:500px;">
<div class="col-sm-4 h-50 bg-success">.col</div>
<div class="col-sm-4 h-50 bg-success">.col</div>
<div class="col-sm-4 h-50 bg-success">.col</div>
</div>
</div>
.h-50{
height:50%;
}
发布于 2019-06-04 03:14:49
h-*
类有!important
标记。因此,它将始终优先于内联样式。
所以你的容器被设计成100%的高度而不是500px。
要解决这个问题,只需将h-100
从容器中取出,并在容器或行上应用内联高度:
<div class="container">
<div class="row" style="height: 500px;">
<div class="col-sm-4 h-50 bg-success">.col</div>
<div class="col-sm-4 h-50 bg-success">.col</div>
<div class="col-sm-4 h-50 bg-success">.col</div>
</div>
</div>
https://stackoverflow.com/questions/56432978
复制相似问题