块网格的使用及其在Foundation5中存在的原因

时间:2015-04-07 16:40:23

标签: css css3 twitter-bootstrap-3 zurb-foundation zurb-foundation-5

我最近发现Foundation5有Block Grid,很少在网上找到用例来证明使用它的重要性......或者它是否具有很好的功能?因为我目前正在使用Bootstrap3并且发现它没有Block Grid。所以我想知道它是否真的应该引起注意。 也许一些关键的用户案例,除了基于列的网格之外,使用块网格会更好。

谢谢!

3 个答案:

答案 0 :(得分:1)

block grid和常规列grid之间存在一些差异。

  • 块网格始终均匀分布和分布
  • 块网格需要较少的标记
  • 块网格没有内部填充

看一下这个演示:http://codeply.com/go/XiyFxtMcXT,你会看到差异。注意当项目超过一行时block-grid如何均匀地包装项目。

答案 1 :(得分:0)

块网格为您提供了一种在网格中均匀分割列表内容的方法。如果您想要创建一个五行图像或段落,无论屏幕大小如何都需要保持均匀间隔,块网格适合您。

答案 2 :(得分:0)

您可以轻松使用基于百分比的网格系统来实现相同的结果。

我认为'阻止网格的好处'是:

  1. 项目显示在“< ul;'将它们组合在一起(好的,可访问性)。
  2. 将一种风格添加到' ul'这将自动使每个' li' a'列'而不是添加" col-x"对每个人来说手动
  3. 他们已经建立了它,所以你不需要。