https://github.com/raryosu/rin
Rin is one of the Bootstrap theme forked from Honoka
https://github.com/raryosu/rin
bootstrap bootstrap3-theme bootstrap4 css css-bootstrap honoka lovelive rin scss
Last synced: 30 days ago
JSON representation
Rin is one of the Bootstrap theme forked from Honoka
- Host: GitHub
- URL: https://github.com/raryosu/rin
- Owner: raryosu
- License: mit
- Archived: true
- Fork: true (windyakin/Honoka)
- Created: 2016-05-29T14:55:49.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2018-10-20T14:38:04.000Z (about 7 years ago)
- Last Synced: 2025-01-15T07:15:33.498Z (10 months ago)
- Topics: bootstrap, bootstrap3-theme, bootstrap4, css, css-bootstrap, honoka, lovelive, rin, scss
- Language: CSS
- Homepage: https://rinhoshizo.la
- Size: 2.24 MB
- Stars: 54
- Watchers: 5
- Forks: 7
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Rin
[](https://travis-ci.org/raryosu/Rin)
[](https://ci.appveyor.com/project/raryosu/rin/branch/master)
[](https://david-dm.org/raryosu/Rin#info=devDependencies)
[](LICENSE)
[](https://www.npmjs.com/package/bootstrap-rin)
[http://rinhoshizo.la/](http://rinhoshizo.la/)
[](http://rinhoshizo.la/)
"Rin" は "Honoka" を元にした日本語も美しく表示できるBootstrapテーマです。
## About "Rin"
通常の[Bootstrap](http://getbootstrap.com/)では，日本語のフォント指定や文字サイズは最適とはいえません。"Rin"や"Honoka"はそんなBootstrapをベースに，日本語表示に適したフォント指定や，文字サイズに関するコードを追記したBootstrapテーマの一つです。
## Live Demo
* [http://rinhoshizo.la/bootstrap-ja.html](http://rinhoshizo.la/bootstrap-ja.html) (日本語レイアウト)
* [http://rinhoshizo.la/bootstrap.html](http://rinhoshizo.la/bootstrap.html) (英語レイアウト)
## Getting Started
### Download
[Releases](https://github.com/raryosu/Rin/releases)から最新版をダウンロードしてください。
### npm
Node.js のパッケージ管理システムである、 [npm](https://npmjs.com) からダウンロードすることができます。[webpack](https://webpack.js.org/) など、npmを利用したmodule bundlerでご利用ください。
```
npm install --save bootstrap-rin
```
パッケージ名が 「**bootstrap**-rin」 であることに注意してください。
### Bower
[Bower](http://bower.io/)からインストールすることができます。
最新版をインストールするには以下のコマンドを実行してください。
```
bower install --save-dev $(node -e "$(curl -fsSL https://cdn.honokak.osaka/last.js)" raryosu Rin)
```
もしcURLが入っていない環境の場合には、
```
bower install --save-dev Rin#(version)
```
``(version)``にはバージョン番号を指定します(ex. ``Rin#3.3.6-3``)。Rinの最新バージョン番号は[Releases](https://github.com/raryosu/Rin/releases)から確認してください。
**バージョン番号を指定しなかった場合，Bowerの仕様上「Honoka」がインストールされます。**
また，django-bower等のラッパーを利用する場合は，以下のような指定を行うことでRinを利用することができます。
```
Rin=git://github.com/raryosu/Rin#(version)
```
## Usage
Rinは単なるBootstrapテーマにしか過ぎないため，基本的な使い方は本家Bootstrapとほとんど変わりません。よって以下に書くことは[本家Bootstrap](http://getbootstrap.com/getting-started/)からの引用，もしくはその一部を変更したものです。用意されたCSSクラスやコンポーネントなど，より詳細な使い方のドキュメントは本家Bootstrapの各種リファレンスページをご覧になることを推奨します。
* [CSS](http://getbootstrap.com/css/)
* [Components](http://getbootstrap.com/components/)
* [JavaScript](http://getbootstrap.com/javascript/)
### Package
配布しているzipファイルの内容物は以下のとおりです。``bootstrap.min.*``といったように，ファイル名に``min``がつくファイルは，改行やインデント・スペーシングをなくした(minifyされた)コードで，ユーザがウェブページを読み込む際の転送量を少なくすることができます。通常はこの``bootstrap.min.*``を使うことをおすすめします。
```
honoka/
├─ bootstrap.html
├─ css/
│ ├─ bootstrap.css
│ └─ bootstrap.min.css
├─ fonts/
│ ├─ glyphicons-halflings-regular.eot
│ ├─ glyphicons-halflings-regular.svg
│ ├─ glyphicons-halflings-regular.ttf
│ ├─ glyphicons-halflings-regular.woff
│ └─ glyphicons-halflings-regular.woff2
└─ js/
├─ bootstrap.js
└─ bootstrap.min.js
```
### Basic Template
Bootstrapをつかってウェブページを作成する際に基本となるHTML部分は以下のようになります。CSSやJavaScriptのファイルパスは環境に合わせて変更する必要があります。
```html
Bootstrap 101 Template
Hello, world!
```
### Do you hate "YuGothic"?
もしあなたが日本語フォントに游ゴシックを指定したくない場合，その要素に対して``.no-thank-yu``(※``you``ではなく``yu``)を指定することで游ゴシックの指定はされなくなり，Windowsであればメイリオ，Mac OS Xであればヒラギノ角ゴを優先的に使用するようになります。
例えばページ全体に対して游ゴシックを用いたくない場合は，````に対して``.no-thank-yu``を指定(````)することで，ページ全体で游ゴシックは使用されなくなります。
## Build
ビルドの方法については [Wiki](https://github.com/windyakin/Honoka/wiki) をご覧ください。
## License
[MIT License](LICENSE)
## Author of "Honoka"
* windyakin ([windyakin.net](http://windyakin.net/))
## Editor of "Rin"
* Hagihara Ryosuke ([Raryosu.info](http://raryosu.info/))