3

我在 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(但我不想覆盖默认样式)。

4

2 回答 2

3

您需要嵌套在一行内,即

<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-->
于 2014-05-08T20:36:24.150 回答
-3

问题在于“列”与“列”

如果添加列(带有“s”)类,它将删除填充,因为它是第一个孩子。将其更改为单数“列”,将添加填充。

于 2015-04-17T16:19:17.410 回答