css - 自定义基础网格行

Question

我正在为我的网站使用 Zurb Foundation CSS。

我需要自定义Row类的一些样式。我需要控制它的高度，因为在某些地方两行之间的间隙太大，我想减少。另外，我是否可以在需要的行上添加指针光标和一些背景颜色。

这是我初始化的方式，到现在还没有添加任何自定义样式。

$(document).foundation();

请告诉我如何根据我的需要定制 Zurb 基础。

Answer 1

您可以使用这个方便的工具自定义您的 gutter 属性:

http://foundation.zurb.com/develop/download.html#customizeFoundation

只需保存文件并将其作为您的基础，您就可以轻松开始。

或者，您可以自己编辑 CSS，但是您必须更改许多很多属性才能使其高效工作。

如果您只想更改 ONE 元素，另一种选择是在 之后加载一个自定义 CSS 文件你加载 foundation，因为它只会覆盖一个特定的 class，你可以将它应用于你想要的任何 elements。

示例:

<link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/style.css">

在style.css中:

.yourClass {
    padding: 0;
    background: #CCC;
}
.yourClass:hover {
    cursor: pointer;
}

HTML:

<div class="yourClass">Content</div>

我正在构建的网站上有各种自定义样式:

• > http://www.sinsysonline.com/secondhomehostel