在Wordpress中添加水槽到基础

我开始从基础3的代码上运行的Reverie的基础设计Wordpress主题。我之前已经创建了主题，但我试图让我的头脑围绕网格方法，特别是如何最好地实现排水沟。在Wordpress中添加水槽到基础

问题：

看到这里我的测试网站http://diskbacker.com/

我有内容的div和侧边栏DIV与背景颜色来显示问题。他们默认情况下彼此接触。

如何在content div和sidebar div之间添加分隔符？
如何将内部填充添加到内容和侧边栏？
由于我要'快速响应'，这种分离会在移动设备上造成问题吗？

在此先感谢。

来源

2013-01-21 Sara44

如果你把另一分区内列工程...

<div class="four columns"> 
<div style="margin:25px; background: #ccc;">test</div></div> 
<div class="eight columns">eight</div>

您还可以查看该类.panel的基础，并适应您的特定需求：

.panel { background: #f2f2f2; border: solid 1px #e6e6e6; margin: 0 0 22px 0; padding: 20px; } 
.panel > :first-child { margin-top: 0; } 
.panel > :last-child { margin-bottom: 0; }

或者 - 使用粉底v2

来源

2013-03-06 14:48:11 iamrobert

我会首先推荐，阅读ZURB Foundation文档，它解释了电网的使用：

http://foundation.zurb.com/docs/grid.php

排水沟被简单地列上创建填充。这意味着列具有简单的宽度，例如25％或50％。调整填充可调整排水沟，并且可以通过Scss 变量，下载自定义程序或通过CSS本身来控制此排水沟。

与任何HTML/CSS网站，你可以识别，选择您要修改的元素，并在您的自定义CSS样式表，发现填充该元素，如：

.sidebar {padding:14px;}

希望这有助于。

来源

2013-01-23 09:26:49

不幸的是，这是我第一次尝试。如果你有Firebug或类似的，你可以在示例网站上试用它，但它不起作用。只在子div上添加填充工作（例如post-box）。我想在继续之前检查这是正确的方法。 – Sara44

在Wordpress中添加水槽到基础

回答

相关问题