UIkit3のインストール 使い方

2017-09-26

以下のように、cdn で読み込むかそれぞれをダウンロードして読み込みます。

<!-- UIkit CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.30/css/uikit.min.css" /></code><code>
<!-- jQuery is required -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script></code><code>
<!-- UIkit JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.30/js/uikit.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.30/js/uikit-icons.min.js"></scrip>

uikit-icons.min.js はアイコン表示に必要です。別途、Font Awesome など使うならいらないかもです。

UIkitはjQueryが必須となっています。必ず、uikit.min.js の前に読み込んでください。

全てを読み込めば、何も書かなくてもUIkitはOKです。

 

UIkit

Posted by michi