Quantcast
Channel: CSSタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8793

[Rails]Bootstrapの導入方法

$
0
0

開発環境

・Ruby: 2.5.7
・Rails: 5.2.4
・Vagrant: 2.2.7
・VirtualBox: 6.1
・OS: macOS Catalina

1.gemを導入

Gemfile
gem'bootstrap-sass'gem'jquery-rails'
ターミナル
$bundle

2.「application.css」ファイルをscss形式に変更

ターミナル
$mv app/assets/stylesheets/application.css app/assets/stylesheets/application.scss

3.「application.scss」ファイルを編集

application.scss
/* 追記 */@import"bootstrap-sprockets";@import"bootstrap";

3.「application.js」ファイルを編集

application.js
/* 変更前 *///= require rails-ujs//= require turbolinks//= require_tree ./* 変更後 *///= require rails-ujs//= require turbolinks//= require jquery//= require bootstrap-sprockets//= require_tree .

Viewing all articles
Browse latest Browse all 8793

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>