Skip to content

Latest commit

 

History

History
140 lines (91 loc) · 3.69 KB

README_ja.md

File metadata and controls

140 lines (91 loc) · 3.69 KB
Raw

Bootstrap-Honoka-Rails

engilish/japanese

Honoka は日本語も美しく表示できる Bootstrap テーマです。 bootstrap-honoka-rails は Honoka や Umi や Nico や Rin を Rails 上に簡単にインストールできます。

Installation

gemfile に下記記載します。

gem 'bootstrap-honoka-rails' , '~>4.4.1' # or '~> 3.3.7'

そして下記コマンドでインストール :

$ bundle

又は gemに直接インストールします:

$ gem install bootstrap-honoka-rails

Usage

application.cssに *= require _honoka を追加します。
bootstrap3の場合は *= _bootstrap-sprockets. も追加します。

app/assets/stylesheets/application.css

/*
 *= require _bootstrap-sprockets # 追加行 ※ v3 のみ
 *= require _honoka # 追加行
 *= require_self
 */

次にapplication.jsに下記を追加しましょう。 

`//= require popper` // * bootstrap ver4 以降
`//= require bootstrap-sprockets`

app/assets/javascripts/application.js

//= require jquery2
//= require rails-ujs
//= require activestorage
//= require popper # add line ※ ver4 以降
//= require bootstrap-sprockets # 追加行
//= require turbolinks
//= require_tree .

インストール後、上記を application.css と application.js に追加すれば OK です。
注意点として bootstrap-sprockets を読み込むと思いますが、その場合 bootstrap.min は読み込む必要がありません。
何故なら Dropdown が正しく動作しない可能性がある為です。
詳細はこちらをご確認ください。
※production 環境で動作することを確認済み。 サンプルアプリは 'test/dummy' ディレクトリ内 にあります。

特定のバージョンでは "Nico"と "Umi" と "Rin" も対応しています。

app/assets/stylesheets/application.css

 *= require _umi # 追加行
 *= require_self

or

 *= require _nico # 追加行
 *= require_self

or

 *= require _rin # 追加行
 *= require_self

Honoka Nico Umi Rin の対応 Ver はVERSIONS.mdをご確認ください。

Notice

bootstrap-honoka-rails は bootstrap 又は bootstrap-sass を内部的に使っています。

License

本gemはMITライセンスの条件の下でオープンソースとして利用可能です。

Supported bootstrap themes

Honoka

Source URL ... https://github.com/windyakin/Honoka

The MIT License (MIT)

Copyright (c) 2015 windyakin

License View All

Umi

Source URL ... https://github.com/ysakasin/Umi

The MIT License (MIT)

Copyright (c) 2015 ysakasin

License View All

Nico

Source URL ... https://github.com/kubosho/Nico

The MIT License (MIT)

Copyright (c) 2015 windyakin, kubosho

License View All

Rin

Source URL ... https://github.com/raryosu/Rin

The MIT License (MIT)

Copyright (c) 2016 Hagihara Ryosuke

License View All