Bootstrap中Div内段落无法居中的问题求助

问题核心在于你使用了非标准的<p1>标签——HTML中不存在这个标签，Bootstrap的text-center类需要作用在块级元素上才能实现文本居中，而<p1>属于自定义行内元素，无法触发text-center的块级居中效果。

修复方案（二选一即可）： #

1. 使用标准<p>标签替换<p1>（推荐，符合HTML规范）：

<!-- 修改后的second bar部分 -->
<div class="bg-light">
  <h1 class="text-center">my website</h1>
  <p class="text-center">my website!</p>
</div>

2. 给<p1>添加块级元素类（若需保留自定义标签）：

<!-- 修改后的second bar部分 -->
<div class="bg-light">
  <h1 class="text-center">my website</h1>
  <p1 class="text-center d-block">my website!</p1>
</div>

额外提示：导航栏按钮内的<br><br>会导致布局错位，建议移除。

内容的提问来源于stack exchange，提问作者Firestar216