Honoka
"Honoka" は日本語も美しく表示できる Bootstrap テーマです。
About "Honoka"
通常の Bootstrap では、日本語の表示が最適であるとはいえません。 "Honoka" では Bootstrap をベースに、日本語表示に適したフォントの指定や、ウェイトに関するコードを追記した Bootstrap テーマです。
Live Demo
- http://honokak.osaka/bootstrap-ja.html (日本語レイアウト)
- http://honokak.osaka/bootstrap.html (英語レイアウト)
Getting Started
Download
Releases ページから最新版をダウンロードしてください。
npm
Node.js のパッケージ管理システムである、 npm で 公開されています。 webpack など、npmを利用したmodule bundlerでご利用ください。
npm install --save bootstrap-honoka
パッケージ名の先頭に bootstrap- があることに注意してください。
Bower
Bower からインストールすることができます。
最新版をインストールするには以下のコマンドを実行してください。
bower install --save-dev $(node -e "$(curl -fsSL https://cdn.honokak.osaka/last.js)" windyakin Honoka)
もしcURLが入っていない環境の場合には、
bower install --save-dev Honoka#(version)
(version) には Honoka のバージョン番号を指定します(ex. Honoka#3.3.5-c)。 Honoka の最新バージョン番号は Releases ページから確認してください。
Usage
Honoka は Bootstrap のテーマにしか過ぎないため、基本的な使い方は Bootstrap と変わりません。 Bootstrap のスタイルシートの読み込みを Honoka のスタイルシートに置き換えることで動作します。また JavaScript のコードは変更されていないので、 Bootstrap のものを使っても問題ありません。
そのほか Bootstrap の機能の詳細については Bootstrap のドキュメント を参照してください。
Package
配布している ZIP ファイルの内容物は以下のとおりです。 bootstrap.min.css といったように、ファイル名に min がついているファイルは、改行やインデント・スペーシングをなくした(minifyされた)コードで、ユーザがウェブページを読み込む際の転送量を少なくすることができます。通常はこの bootstrap.min.* を使うことをおすすめします。
honoka/
├─ LICENSE
├─ README.md
├─ bootstrap.html
├─ css/
│ ├─ bootstrap.css
│ └─ bootstrap.min.css
└─ js/
├─ bootstrap.bundle.js
├─ bootstrap.bundle.min.js
├─ bootstrap.js
└─ bootstrap.min.js
Build
ビルドの方法については Wiki をご覧ください。
License
Author
- windyakin (@MITLicense)