Foundation est utilisé pour développer des frameworks HTML, CSS et JavaScript réactifs.

Foundation est un framework facile à utiliser, puissant et flexible pour créer des applications Web sur n'importe quel appareil.

Foundation est un framework mobile first populaire.

Texte de base syntaxe

Remarque?: Foundation utilise la taille de police par défaut du navigateur (font-size?: 100?%). Pour la plupart des navigateurs de bureau, la police par défaut est 16 px. Pour la plupart des navigateurs mobiles, la police par défaut est 12 px. La police par défaut est "Helvetica Neue" et la hauteur de ligne est par défaut de 1,5. Les paramètres par défaut ci-dessus concernent tous l'élément <body>

Texte de base exemple

<!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>

Exécuter l'instance ?

Cliquez sur le bouton ??Exécuter l'instance?? pour afficher l'instance en ligne