Question

我尝试在我的副标题中添加顶级空格，但它不起作用。没关系，当我将class spacer-top放入带有行的类时 - 如何在主题字幕中添加spacer-top？的 HTML

<div class="container-fluid" id="about">
     <div class="row">
            <mainsubtitle class="spacer-top">Something</mainsubtitle>
     </div>
</div>

CSS

#about{
text-align: center;
background-color: #ffffff;}

mainsubtitle{
padding-top: 50px;
font-family: 'Lato Regular', 'Lato';
font-weight: 400;
font-style: normal;
font-size: 36px;
color: #000;
text-align: center;}

.spacer-top {
padding-top: 100px;
padding-bottom: 0px;}

Answer 1

不确定为什么要制作这样的元素，因为并不总是支持自定义元素，但此代码可以正常工作：

HTML：

<div class="container-fluid" id="about">
     <div class="row">
            <div id="mainsubtitle">Something</div>
     </div>
</div>

CSS：

#about{
text-align: center;
background-color: #ffffff;}

#mainsubtitle{
padding-top: 50px;
font-family: 'Lato Regular', 'Lato';
font-weight: 400;
font-style: normal;
font-size: 36px;
color: #000;
text-align: center;}

小提琴 - https://jsfiddle.net/ae5jcxe5/

填充不起作用

1 个答案: