Nico

"Nico"は"Honoka"を元にした、日本語も美しく表示できる Bootstrap テーマです。

About "Nico"

通常のBootstrapでは，日本語表示に適したものではありません。 "Honoka" では Bootstrap をベースに、日本語表示に適したフォントの指定や、ウェイトに関するコードを追記した Bootstrap テーマです。

"Nico" は "Honoka" を元に、ピンク系の配色を適用したテーマです。

Live Demo

• //nico.kubosho.com/bootstrap-ja.html (日本語レイアウト)
• //nico.kubosho.com/bootstrap.html (英語レイアウト)

Getting Started

Download

Releases ページから最新版をダウンロードしてください。

npm

Node.js のパッケージ管理システムである、 npm で 公開されています。 webpack など、npm を利用した module bundler でご利用ください。

npm install --save bootstrap-nico

パッケージ名の先頭に bootstrap- があることに注意してください。

Releasesから最新版をダウンロードしてください。

Bower

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 ページから確認してください。

Usage

Nico は単なる Bootstrap のテーマにしか過ぎないため，基本的な使い方は本家 Bootstrap とほとんど変わりません。 Bootstrap のスタイルシートの読み込みを Honoka のスタイルシートに置き換えることで動作します。また JavaScript のコードは変更されていないので、 Bootstrap のものを使っても問題ありません。

そのほか Bootstrap の機能の詳細については Bootstrap のドキュメント を参照してください。

Package

配布している 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

Build

ビルドの方法については Wiki をご覧ください。

License

MIT License

Author

• windyakin (@MITLicense)
  • Honoka の作者
• kubosho (blog.kubosho.com)
  • Nico の作者