Bootstrap 4 - 标题/ p标签没有显示为块?

时间:2017-11-29 20:42:08

标签: twitter-bootstrap bootstrap-4

在使用Bootstrap 4时遇到标题标签未显示为块元素的问题。当我使用Bootstrap 3时,这不会发生。

同样,使用css或align标签对齐的图像也没有正确浮动。

enter image description here 以下是Bootstrap 4测试:https://www.bootply.com/2ENIt1Dlhl

以下是Bootstrap 3测试(显示正确):https://www.bootply.com/bV3lwrQ2L0

其他人遇到此事吗?

2 个答案:

答案 0 :(得分:3)

d-block添加到row将解决问题。

默认情况下,

Bootstrap 4行显示为flex,因此d-block会将其覆盖为display: block!important;

<div class="container">
    <div class="row d-block">
        // your code
    </div>
</div>

https://www.bootply.com/8QXExi07Ha

答案 1 :(得分:1)

Znaneswar说的是正确的。但你也可以使用bootstrap4类flex-column

<div class="container flex-column">
    <div class="row d-block">
        // your code
    </div>
</div>