为什么<p>和样式显示：阻止不起作用？

Question

我的网站HTML编码有问题。问题是标签

和带有style="display:block"的元素无论如何都显示在一行中。但每个block必须在单独的行中。我使用bootstrap 4.0.0 beta 2。

以下是真实示例https://codehint-web-ng.herokuapp.com/articles

Answer 1

您在父容器（display: flex）上使用.row，这就是块元素在同一行中的原因。 flex的默认行为是将所有元素放在同一行（flex-direction:row）

中

要解决此问题，您可以通过添加自己的CSS（或考虑使用除flex之外的其他内容）来将flex的方向更改为列。

因为它的引导程序我建议你不要改变类的样式，但如果要覆盖一些默认样式，则用自己的样式添加自己的类

Answer 2

只需添加额外的CSS，如下所示： -

.no-gutters p, .no-gutters nav, .no-gutters h1 {width:100%;}