css - 如何在 Jumbotron Bootstrap 3 中更改字体粗细

Question

如何更改 .jumbotron 和 .jumbotron 中段落的字体粗细？我不希望我的 font-weight 太大。

HTML:

<header>
    <div class="container-fluid landing-page">
        <div class="jumbotron vertical-center">
            <h1>Embroider<span class="eze">eze</span></h1>
            <p>Branding <span class="eze">&#9679;</span> Promotional Items <span class="eze">&#9679;</span> Reflective Tape <span class="eze">&#9679;</span> Gifts</p>
        </div>
    </div>
</header>

CSS:

.jumbotron {
    color: #dbdbdb;
    background-color: transparent;
    text-align: center;
    margin-top: 300px;
    font-weight: 200;
}

此外，字体大小更改不起作用。

Answer 1

默认情况下，bootstrap 有一些 h1 和 P 的样式。如果你想覆盖试试这个

.jumbotron h1{

font-weight: 800;

}

.jumbotron p{

font-weight: 800;

}