Rails/Bootstrap4 の履歴(No.1)

履歴一覧
差分を表示
現在との差分を表示
ソースを表示
Rails/Bootstrap4 へ行く。
- 1 (2020-05-08 (金) 14:22:09)
- 2 (2020-05-08 (金) 14:35:20)
- 3 (2020-05-26 (火) 15:16:58)
- 4 (2020-09-25 (金) 21:06:52)
- 5 (2021-04-05 (月) 16:47:09)
- 6 (2021-04-07 (水) 17:48:57)
- 7 (2021-04-08 (木) 17:53:30)
- 8 (2021-04-26 (月) 13:29:31)

Tag: Rails/Bootstrap4

↑

参考情報†

↑

Bootstrap4を導入(Rails 5.2編)†

↑

参考情報†

↑

Gemfileの編集†

Gemfileに以下を追加。

gem 'bootstrap', '~> 4.1.1'
gem 'jquery-rails'

sprockets-railsがv2.3.2以降であることを確認(Rails 5.2だとデフォルト対応済みか?)
```
bundle show |fgrep sprockets-rails
```

↑

application.scssの作成†

application.scssを作成する。
```
@import "bootstrap";
```

↑

application.html.erb†

これは特に変更なし？

<!DOCTYPE html>
<html>
  <head>
    <title>Rails5Bootstrap4Demo</title>
    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>

    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
  </head>

  <body>
    <div class="container">
      <%= yield %>
    </div>
  </body>
</html>

↑

kaminariの対応†

bootstrap4が適用されたkaminariのviewを作成したい - その辺にいるWebエンジニアの備忘録
```
bundle exec rails g kaminari:views bootstrap4
```

Rails/Bootstrap4 の履歴(No.1)

目次†

関連ページ†

参考情報†

Bootstrap4を導入(Rails 5.2編)†

参考情報†

Gemfileの編集†

application.scssの作成†

application.html.erb†

kaminariの対応†