Rails/Bootstrap4/Rails5.2に導入
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
&tag(Rails/Bootstrap4/Rails5.2に導入);
*目次 [#a19c714c]
#contents
*関連ページ [#s803f860]
*参考情報 [#z4d74724]
*Bootstrap4を導入(Rails 5.2編) [#ye2b2012]
**参考情報 [#m35bf134]
-[[twbs/bootstrap-rubygem: Bootstrap 4 rubygem for Rails ...
-[[Railsアプリで Bootstrap 4 を利用する - Qiita:https://q...
**Gemfileの編集 [#i5e663fa]
-Gemfileに以下を追加。
#pre{{
gem 'bootstrap', '~> 4.1.1'
gem 'jquery-rails'
}}
-sprockets-railsがv2.3.2以降であることを確認(Rails 5.2だ...
bundle show |fgrep sprockets-rails
**application.scssの作成 [#f4729296]
-application.scssを作成する。
@import "bootstrap";
**application.html.erb [#m2426b17]
-これは特に変更なし？
#pre{{
<!DOCTYPE html>
<html>
<head>
<title>Rails5Bootstrap4Demo</title>
<%= csrf_meta_tags %>
<%= csp_meta_tag %>
<%= stylesheet_link_tag 'application', media: 'all...
<%= javascript_include_tag 'application', 'data-turbo...
</head>
<body>
<div class="container">
<%= yield %>
</div>
</body>
</html>
}}
**kaminariの対応 [#bd45688b]
-[[bootstrap4が適用されたkaminariのviewを作成したい - そ...
bundle exec rails g kaminari:views bootstrap4
終了行:
&tag(Rails/Bootstrap4/Rails5.2に導入);
*目次 [#a19c714c]
#contents
*関連ページ [#s803f860]
*参考情報 [#z4d74724]
*Bootstrap4を導入(Rails 5.2編) [#ye2b2012]
**参考情報 [#m35bf134]
-[[twbs/bootstrap-rubygem: Bootstrap 4 rubygem for Rails ...
-[[Railsアプリで Bootstrap 4 を利用する - Qiita:https://q...
**Gemfileの編集 [#i5e663fa]
-Gemfileに以下を追加。
#pre{{
gem 'bootstrap', '~> 4.1.1'
gem 'jquery-rails'
}}
-sprockets-railsがv2.3.2以降であることを確認(Rails 5.2だ...
bundle show |fgrep sprockets-rails
**application.scssの作成 [#f4729296]
-application.scssを作成する。
@import "bootstrap";
**application.html.erb [#m2426b17]
-これは特に変更なし？
#pre{{
<!DOCTYPE html>
<html>
<head>
<title>Rails5Bootstrap4Demo</title>
<%= csrf_meta_tags %>
<%= csp_meta_tag %>
<%= stylesheet_link_tag 'application', media: 'all...
<%= javascript_include_tag 'application', 'data-turbo...
</head>
<body>
<div class="container">
<%= yield %>
</div>
</body>
</html>
}}
**kaminariの対応 [#bd45688b]
-[[bootstrap4が適用されたkaminariのviewを作成したい - そ...
bundle exec rails g kaminari:views bootstrap4
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
