如何在WordPress中设计引导容器的样式?

时间:2020-01-22 作者:Flaccus

我试图针对以下部门:

<div class="col-md-5">
   <article>
      <h2>Title</h2>
      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. 
      </p>
   </article>
</div>
但是,当我将此媒体查询添加到WP的“附加CSS”部分时,根本没有任何更改。

@media only screen and (max-width: 600px) {
.col-md-5 {
margin-top: -530px !important;
}
}
引导文件加载在我的主题的头部,所以不确定我做错了什么。任何帮助,非常感谢!

1 个回复
SO网友:KFish

好吧,有几件事:

除非WebElaine建议它实际上不在那里,或者它在您的样式中的其他地方被覆盖,否则那里的代码应该可以正常工作

示例:

.my-custom-layout .col-md-5{
    margin-top: -530px !important;
}
否则你基本上是说每一个col-md-5 divmargin-top: -530px !important; 规则应用于600px以下的视口,本质上是将该规则添加到引导的核心。