基础5排侧风格

Question

我已经看到了使用基金会和一个特征是行的宽度多个网页。这些页面的伟大的事情是他们真棒造型在网站两侧。

所以，问题不在于如何修改列的宽度，但如何定位行的两侧，以他们的风格。

有什么建议吗？谢谢！

Answer 1

不能确定你是什么造型外排的意思是，如果你想不被包含在列元素，你可以通过添加特定的CSS类和属性，以一个div带他们到外部定位，像

<div class="row"> 
    <div id="left-box-off-row" class="small-12 column"> 
    <!-- Content here --> 
    </div> 
</div> 
<style> 
    #left-box-off-row{left:-20em;width:20em;} 
</style> 

这只是做一个div去行之外，但保持其行为的一个例子。不包括行上的div也会使它们位于网格之外。你想要什么样的元素？你的反应

版后

，如果你要包括主电网利用柱子内的内容我个人的建议是这样。检查基础5的文档，但简要解释，每行有12列，所以如果你想安排适合70％的主要内容和30％的东西像一个侧边栏的内容，我会做这样的事情。

<div class="row"> 
    <div class="large-2 columns"> 
     <!-- Your left sidebar content --> 
    </div> 
    <div class="large-8 columns"> 
     <!-- Your main content --> 
    </div> 
    <div class="large-2 columns"> 
     <!-- Your right sidebar content --> 
    </div> 
</div> 

上面的例子是最容易和最常见的布局之一，带有侧边栏的主要内容。正如你所看到的，列数应该增加12，所以类可以改变为大10和大1，并且通过这种方式，你可以设置额外的类来根据不同的屏幕尺寸改变div行为，其美丽使用框架。

这是一个什么样的基础5是非常基本的了解。看起来你已经开始了，但它首先我强烈建议你检查这里给出的文档：http://foundation.zurb.com/docs/，它包括所有基础5控件的说明，特别是列的使用，这将帮助你完成大量的设计，只需几天时间。祝你好运，