我在 Zurb Foundation 5 中遇到了这个奇怪的问题。每当我将行嵌套在行中时,它都会产生负边距,将其从网格中抛出。这是我的代码的示例标记:
<div class="row main-content">
<div class="row">
<div class="breadcrumbs columns small-12">My account / Companies list /</div>
<div class="columns small-6 heading-container">
<h1>Create new company</h1>
</div>
</div>
</div>
这是基金会生成的代码:
.row .row {
width: auto;
margin-left: -0.9375rem;
margin-right: -0.9375rem;
margin-top: 0;
margin-bottom: 0;
max-width: none;
}
如何防止这种行为?我的标记有问题吗,或者我应该覆盖基础 scss (但我不想覆盖默认样式)。
最佳答案
您需要嵌套在一行中,即
<div class="row">
<div class="breadcrumbs small-12 columns">
My account / Companies list /
<div class="row">
<div class="Heading-container small-6 columns">
<h1>Create new company</h1>
</div>
</div> <!--/nested row-->
</div>
</div><!--/row-->
关于css - 基础5格行嵌套负边距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23535845/