# はじめる
kitstrapは、簡単にあなたのプロジェクトに導入できます。
# npmから 推奨
npmパッケージkitstrapをプロジェクトに追加して、kitstrapの使用を開始することができます。npm、あるいはyarnを利用することができます。
npm i kitstrap
# or
yarn add kitstrap
次に、kitstrapコアのCSSファイルをインポートして、kitstrapの使用を開始します。
import "kitstrap/d/kitstrap.css";
# CDNから
CDNから任意のバージョンのkitstrapを選択して使用可能です。指定バージョンのkitstrapを高速にロードすることが可能です。
kitstrap-font.cssなどのモジュールも利用可能です。
v0.7<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/mtsgi/kitstrap/d/0.7/kitstrap.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/mtsgi/kitstrap/d/0.6/kitstrap.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/mtsgi/kitstrap/d/0.5/kitstrap.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/mtsgi/kitstrap/d/0.4/kitstrap.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/mtsgi/kitstrap/d/0.3/kitstrap.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/mtsgi/kitstrap/d/0.2/kitstrap.css">
# ダウンロード
kitstrapの本体をダウンロードして使用を開始する場合、下のボタンからダウンロードできます。
zipファイルをプロジェクトのディレクトリに展開してください。/d以下にkitstrapの本体が入っています。docsディレクトリは削除可能です。
CSSファイルが設置できたら、次のようにlinkタグを挿入します。これだけでkitstrapを使用する準備は完了です。正しくCSSを読み込めているか開発者ツールなどで確認するとよいでしょう。
<link rel="stylesheet" href="./d/kitstrap.css">