Foundation digunakan untuk membangunkan rangka kerja HTML, CSS dan JavaScript yang responsif.

Foundation ialah rangka kerja yang mudah digunakan, berkuasa dan fleksibel untuk membina aplikasi web pada mana-mana peranti.

Foundation ialah rangka kerja mudah alih yang popular.

Teks asas sintaks

Nota: Foundation menggunakan saiz fon lalai penyemak imbas (saiz fon:100%). Untuk kebanyakan penyemak imbas desktop, fon lalai kepada 16px. Untuk kebanyakan penyemak imbas mudah alih, fon lalai kepada 12px. Fon lalai ialah "Helvetica Neue" dan ketinggian garisan lalai kepada 1.5. Tetapan lalai di atas adalah untuk elemen <body>

Teks asas contoh

<!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>標題</h2>
  <p>標題不同元素字體大小不一樣。以下字體默認加粗，不同設(shè)備尺寸顯示的字體也是不一樣的，你可以通過重置瀏覽器窗口大小查看效果。</p>
  <h1>h1 標題 (<strong>2.125rem</strong> - 2.75rem)</h1>
  <h2>h2 標題 (<strong>1.6875rem</strong> - 2.3125rem)</h2>
  <h3>h3 標題 (<strong>1.375rem</strong> - 1.6875rem)</h3>
  <h4>h4 標題 (<strong>1.125rem</strong> - 1.4375rem)</h4>
  <h5>h5 標題 (1.125rem)</h5>
  <h6>h6 標題 (1rem)</h6>
</div>

</body>
</html>

Run Instance ?

Klik butang "Run Instance" untuk melihat instance dalam talian