簡介

熟悉 UIkit 的基本設定和概述。

首先，您需要下載 UIkit。如需其他套件和 CDN 連結，請前往安裝指南以了解更多資訊。

套件內容

Zip 檔案包含編譯過的 CSS 和 JavaScript 檔案，這就是您開始所需的一切。稍後，您可能想自行安裝和編譯 UIkit，並建立您自己的 UIkit 主題。

資料夾	描述
`/css`	包含 UIkit CSS 和從右至左的版本。
`/js`	包含 UIkit JavaScript 和圖示庫 JavaScript。

HTML 標記

將編譯過的壓縮 CSS 和 JavaScript 加入 HTML5 文件中的 <head> 元素。同時加入 UIkit 圖示庫。對於您的基本設定，就是這樣。

<!DOCTYPE html>
<html>
    <head>
        <title>Title</title>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="stylesheet" href="css/uikit.min.css" />
        <script src="js/uikit.min.js"></script>
        <script src="js/uikit-icons.min.js"></script>
    </head>
    <body>
    </body>
</html>

在將 UIkit 加入您的文件後，請查看可用的組件，並在您頁面的 <body> 元素內建立您自己的標記。

為您的編輯器提供的 UIkit 自動完成功能

如果您有穩定的程式碼編輯器，例如 Sublime Text 或 Atom，則使用 UIkit 的效果最佳。為了更有效率，我們建議您為您喜愛的 IDE 或程式碼編輯器安裝一個自動完成外掛程式。這可以節省很多時間，因為您不必查找和輸入所有的 UIkit 類別和標記。

瀏覽器支援

下表列出 UIkit 經過測試的版本。「最新」表示它在該瀏覽器的所有最新版本上都運作良好。由於許多瀏覽器都轉向滾動發布策略，因此近年來將瀏覽器支援釘選到特定版本變得有點棘手。長話短說：UIkit 將在幾乎所有現代瀏覽器上運作。

最新