我无法在带有页脚主题的 wordpress 中将 1 行与 3 列分开
I cant divide 1 row from 3 columns in wordpress with footer theme
我对将 1 行分成 3 列有问题。我的代码实际上很好,但我想知道为什么它不起作用。我在 wordpress 中使用 child 模板,我试图将页脚分成 3 列。这是我的代码
<div class="footer section large-padding bg-dark">
<div class = "row">
<div class="col-md-3">
<div class="icon-top red-text">
</div>
<div class="zerif-footer-address"><center>Company address</center></div>
</div>
<div class="col-md-3">
<div class="icon-top red-text">
</div>
<div class="zerif-footer-address"><center>Company address</center></div>
</div>
<div class="col-md-3">
<div class="icon-top red-text">
</div>
<div class="zerif-footer-address"><center>Company address</center></div>
</div>
</div>
</div> <!-- /footer -->
来自 parent 的覆盖 css 在这里:
/*
Theme Name: Hemingway - Child Theme
Description: Heminway Child Theme
Author: john
Template: hemingway
(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/
.credits-inner {
letter-spacing: 1px;
text-transform: initial;
}
.footer {
margin-bottom:0px;
}
.company-details {
width: 33%;
}
代码的输出在这里:
我认为你没有使用 bootstrap css 这就是为什么你的元素不会向左浮动如果你没有使用 bootstrap 然后应用这个 css
.row{
widht: 100%;
}
.col-md-4 {
flot:left;
width:33.3333%;
}
我对将 1 行分成 3 列有问题。我的代码实际上很好,但我想知道为什么它不起作用。我在 wordpress 中使用 child 模板,我试图将页脚分成 3 列。这是我的代码
<div class="footer section large-padding bg-dark">
<div class = "row">
<div class="col-md-3">
<div class="icon-top red-text">
</div>
<div class="zerif-footer-address"><center>Company address</center></div>
</div>
<div class="col-md-3">
<div class="icon-top red-text">
</div>
<div class="zerif-footer-address"><center>Company address</center></div>
</div>
<div class="col-md-3">
<div class="icon-top red-text">
</div>
<div class="zerif-footer-address"><center>Company address</center></div>
</div>
</div>
</div> <!-- /footer -->
来自 parent 的覆盖 css 在这里:
/*
Theme Name: Hemingway - Child Theme
Description: Heminway Child Theme
Author: john
Template: hemingway
(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/
.credits-inner {
letter-spacing: 1px;
text-transform: initial;
}
.footer {
margin-bottom:0px;
}
.company-details {
width: 33%;
}
代码的输出在这里:
我认为你没有使用 bootstrap css 这就是为什么你的元素不会向左浮动如果你没有使用 bootstrap 然后应用这个 css
.row{
widht: 100%;
}
.col-md-4 {
flot:left;
width:33.3333%;
}