bootstrap-nico
Version:
Nico a fork of Honoka which is a Bootstrap theme.
98 lines (63 loc) • 4.18 kB
Markdown
# Nico
[](https://travis-ci.org/kubosho/Nico)
[](https://david-dm.org/kubosho/Nico#info=devDependencies)
[](LICENSE)
[](https://www.npmjs.com/package/bootstrap-nico)
"Nico"は"[Honoka](https://github.com/windyakin/Honoka)"を元にした、日本語も美しく表示できる Bootstrap テーマです。
## About "Nico"
通常の[Bootstrap](//getbootstrap.com/)では,日本語表示に適したものではありません。
"Honoka" では Bootstrap をベースに、日本語表示に適したフォントの指定や、ウェイトに関するコードを追記した Bootstrap テーマです。
"Nico" は "Honoka" を元に、ピンク系の配色を適用したテーマです。
## Live Demo
- [//nico.kubosho.com/bootstrap-ja.html](http://nico.kubosho.com/bootstrap-ja.html) (日本語レイアウト)
- [//nico.kubosho.com/bootstrap.html](http://nico.kubosho.com/bootstrap.html) (英語レイアウト)
## Getting Started
### Download
[Releases](https://github.com/kubosho/Nico/releases) ページから最新版をダウンロードしてください。
### npm
Node.js のパッケージ管理システムである、 [npm](https://npmjs.com) で [公開されています](https://www.npmjs.com/package/bootstrap-nico)。 [webpack](https://webpack.js.org/) など、npm を利用した module bundler でご利用ください。
```
npm install --save bootstrap-nico
```
パッケージ名の先頭に **bootstrap-** があることに注意してください。
[Releases](https://github.com/kubosho/Nico/releases/latest)から最新版をダウンロードしてください。
### Bower
[Bower](http://bower.io/) からインストールすることができます。
最新版をインストールするには以下のコマンドを実行してください。
```
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](https://github.com/kubosho/Nico/releases) ページから確認してください。
## Usage
Nico は単なる Bootstrap のテーマにしか過ぎないため,基本的な使い方は本家 Bootstrap とほとんど変わりません。
Bootstrap のスタイルシートの読み込みを Honoka のスタイルシートに置き換えることで動作します。また JavaScript のコードは変更されていないので、 Bootstrap のものを使っても問題ありません。
そのほか Bootstrap の機能の詳細については [Bootstrap のドキュメント](https://getbootstrap.com/docs/4.1/getting-started/introduction/) を参照してください。
### 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](https://github.com/windyakin/Honoka/wiki) をご覧ください。
## License
[MIT License](LICENSE)
## Author
- windyakin ([@MITLicense](https://twitter.com/MITLicense))
- Honoka の作者
- kubosho ([blog.kubosho.com](//blog.kubosho.com/))
- Nico の作者