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