Foundation wird zur Entwicklung responsiver HTML-, CSS- und JavaScript-Frameworks verwendet.

Foundation ist ein benutzerfreundliches, leistungsstarkes und flexibles Framework zum Erstellen von Webanwendungen auf jedem Ger?t.

Foundation ist ein beliebtes Mobile-First-Framework.

Stiftungstext Syntax

Hinweis: Foundation verwendet die Standardschriftgr??e des Browsers (Schriftgr??e: 100 %). Bei den meisten Desktop-Browsern ist die Schriftart standardm??ig 16 Pixel. Bei den meisten mobilen Browsern ist die Schriftart standardm??ig 12 Pixel. Die Standardschriftart ist ?Helvetica Neue“ und die Zeilenh?he betr?gt standardm??ig 1,5. Die oben genannten Standardeinstellungen gelten alle für das <body>-Element.

Stiftungstext Beispiel

<!DOCTYPE html>
<html>
<head>
  <title>Foundation 實例</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdn.bootcss.com/foundation/5.5.3/css/foundation.min.css">
  <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
  <script src="https://cdn.bootcss.com/foundation/5.5.3/js/foundation.min.js"></script>
  <script src="https://cdn.bootcss.com/foundation/5.5.3/js/vendor/modernizr.js"></script>
</head>
<body>
 
<div style="padding:20px;">
  <h2>標(biāo)題</h2>
  <p>標(biāo)題不同元素字體大小不一樣。以下字體默認(rèn)加粗，不同設(shè)備尺寸顯示的字體也是不一樣的，你可以通過重置瀏覽器窗口大小查看效果。</p>
  <h1>h1 標(biāo)題 (<strong>2.125rem</strong> - 2.75rem)</h1>
  <h2>h2 標(biāo)題 (<strong>1.6875rem</strong> - 2.3125rem)</h2>
  <h3>h3 標(biāo)題 (<strong>1.375rem</strong> - 1.6875rem)</h3>
  <h4>h4 標(biāo)題 (<strong>1.125rem</strong> - 1.4375rem)</h4>
  <h5>h5 標(biāo)題 (1.125rem)</h5>
  <h6>h6 標(biāo)題 (1rem)</h6>
</div>

</body>
</html>

Instanz ausführen ?

Klicken Sie auf die Schaltfl?che ?Instanz ausführen“, um die Online-Instanz anzuzeigen