基础6全宽行
基础6全宽行
提问于 2016-02-13 19:27:34
在第6基础中，全宽度行通常定义为12列，但下面的代码具有相同的输出，
备选案文1：
<div class="row">
<div class="large-6 columns">
<h1>Welcome to Foundation1</h1>
</div>
<div class="large-6 columns">
</div>
</div>备选案文2：
<div class="row">
<div class="large-6 columns">
<h1>Welcome to Foundation1</h1>
</div>
</div>备选案文3：
<div class="row">
<div class="large-12 columns">
<h1>Welcome to Foundation1</h1>
</div>上面的选项都是一样的，但我认为选项3主要是由web开发人员完成的。有什么好处吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2016-02-13 19:39:28
你已经说过：
全宽行通常定义为12列。
因此.large-6定义了一个宽度为50%的列，.large-12将具有100%的宽度。给细胞背景，你就会看到。这是书法家。
这对于行包装很重要，所以这可能是大多数开发人员选择全宽度的原因。
Stack Overflow用户
发布于 2016-02-29 21:36:34
在foundation 6中，您可以使用“行扩展”来使用100% os屏幕。
<div class="row expanded">
<div class="large-12 columns">
content
</div>
</div>若要使第6基础中的单行宽度为12列，可以使用
<div class="row column">
my content
</div>它等于第一个示例(没有展开)。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35384378
复制相关文章
相似问题
腾讯云开发者
