Question

有没有办法让Foundation（Zurb）显示一行作为窗口宽度的100%而不是当前设置的固定大小？

PS：我知道我可以编辑基金会本身并使其100％宽。我要问的是，如果基金会本身支持，或者计划在未来支持它。

编辑：这是基金会5

Answer 1

更新到基础6，您可以使用课程＆＃39;扩展＆＃39;

Answer 2

您可以使用自己的CSS覆盖基础.css文件。因此，您可以保持基本样式表不变，同时提供自定义更改。一个示例是在基础核心样式表“之后”加载另一个样式表，或者如果只需要在该页面上存在覆盖，则提供内联样式表。

例如（参见代码块的下半部分）：

<!doctype html>
<!--[if IE 9]><html class="lt-ie10" lang="en" > <![endif]-->
<html class="no-js" lang="en" data-useragent="Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Foundation Template | Workspace</title>
    <meta name="description" content="Documentation and reference library for ZURB Foundation. JavaScript, CSS, components, grid and more." />
    <meta name="author" content="ZURB, inc. ZURB network also includes zurb.com" />
    <meta name="copyright" content="ZURB, inc. Copyright (c) 2013" />
    <link rel="stylesheet" href="../assets/css/templates/foundation.css" />
    <!-- Your Overrides Here -->
    <link rel="stylesheet" href="../assets/css/templates/your-overrides.css" />
    <!-- Your Overrides Here  -->
    <style>
      .row-full-width { width: 100%; max-width: 100%; }
    </style>

Answer 3

有没有办法让Foundation（Zurb）显示一行作为窗口宽度的100％而不是当前设置的固定大小？

不，该版本的基金会不支持。

基金会本身支持或计划在未来支持它。

在版本5中，您必须自己构建这样的机制（从基金会论坛阅读this answer以轻松实现它），在version 6 of Foundation中您有机会{{1} （官方文档中解释here）。

基金会（Zurb）宽屏排

3 个答案: