html - Bootstrap 4、HTML 和 CSS 中的 <p></p> 问题

Question

我尝试在一个分区中使用多个 p 标签，但段落没有分开，只是聚在一起。适用代码如下:

<div class="row">
    <div class="col-md-12 d-flex justify-content-center padding-top">
        <p>IMPORTANT LEGAL DISCLAIMER FOR TESTIMONIALS, RISK AND TYPICAL RESULTS, AS WELL AS REFUNDS</p>
        <p>Test</p>
    </div>
</div>

codeply 的链接是 https://www.codeply.com/go/cJ37oz9g4Q .如果你去 codeply，你会看到“测试”紧跟在“退款”一词之后。我尝试过修改代码，寻找已知问题等。

我该如何解决这个问题？

Answer 1

您需要从此代码中删除 d-flex 类:

<div class="col-md-12 justify-content-center padding-top">
  <p>IMPORTANT LEGAL DISCLAIMER FOR TESTIMONIALS, RISK AND TYPICAL RESULTS, AS WELL AS REFUNDS</p>
  <p>Test</p>
</div>