css - bootstrap 4 h2 标签不在单独的行中显示标题

Question

我正在使用 bootstrap 4。当我用标题标签(h1、h2、h3...)编写标题时，标题应该显示在一行中。发生的是下一个内容与标题标签一起显示而没有换行符。可能是什么原因？

我已确保 header 标签正确关闭

<div class="row">    <h2>Expertise</h2>    <p>Php, html5, css3, wordpress, </p>    </div>

预期的输出应该像上面那样

但它显示如下。一切都在 1 行中，字体大小不同。专业知识比其他内容更重要。

专长 Php, html5, css3, wordpress,

Answer 1

添加列以在行中添加内容如下

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<div class="container">
    <div class="row">
        <div class="col">
            <h2>Expertise</h2>
            <p>Php, html5, css3, wordpress, </p>
        </div>
    </div>
</div>

Bootstrap 4 网格系统规则

• 使用行创建水平列组
• 内容应该放在列中，只有列可以是行的直接子元素

引用:https://www.w3schools.com/bootstrap4/bootstrap_grid_system.asp