{"id":3912,"date":"2023-05-30T22:52:59","date_gmt":"2023-05-30T13:52:59","guid":{"rendered":"https:\/\/open-innovation-daigaku.com\/unlimitedQA\/ruby-on-rails-6%e7%ab%a0%e3%80%80bootstrap%e5%8f%8a%e3%81%b3css%e3%81%8c%e5%8f%8d%e6%98%a0%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%80%82\/"},"modified":"2023-06-09T21:40:25","modified_gmt":"2023-06-09T12:40:25","slug":"%e3%80%90ruby-on-rails-%e7%ac%ac%e5%85%ad%e7%ab%a0%e3%80%91%e3%80%80bootstrap%e5%8f%8a%e3%81%b3css%e3%81%8c%e5%8f%8d%e6%98%a0%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%80%82","status":"publish","type":"question","link":"https:\/\/open-innovation-daigaku.com\/unlimitedQA\/%e3%80%90ruby-on-rails-%e7%ac%ac%e5%85%ad%e7%ab%a0%e3%80%91%e3%80%80bootstrap%e5%8f%8a%e3%81%b3css%e3%81%8c%e5%8f%8d%e6%98%a0%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%80%82\/","title":{"rendered":"\u3010Ruby On Rails \u7b2c\u516d\u7ae0\u3011\u3000Bootstrap\u53ca\u3073css\u304c\u53cd\u6620\u3055\u308c\u306a\u3044\u3002"},"content":{"rendered":"<p><strong><span>Bootstrap\u53ca\u3073css\u304c\u53cd\u6620\u3055\u308c\u306a\u3044\u72b6\u6cc1\u3067\u3059\u3002<\/span><\/strong><\/p>\n<p>\u30a4\u30f3\u30bf\u30fc\u30cd\u30c3\u30c8\u3067\u8abf\u3079\u305f\u3068\u3053\u308d\u3001<strong><span>Bootstrap\u3084<\/span><\/strong><strong><span>css\u306f<\/span><\/strong><\/p>\n<p>todo_appappassetsstylesheets \u306b\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3059\u308b\u3068\u306e\u4e8b\u3067\u3059\u304c\u3001\u30c6\u30ad\u30b9\u30c8\u3067\u306f<\/p>\n<p>todo_appappjavascriptstylesheets \u306b\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3059\u308b\u6307\u793a\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n<p>\u8a66\u3057\u306b todo_appappassetsstylesheets \u306bcss\u306e\u30d5\u30a1\u30a4\u30eb(my_style.scss)\u3092\u79fb\u52d5\u3055\u305b\u305f\u3068\u3053\u308dcss\u306e\u53cd\u6620\u306f\u3055\u308c\u307e\u3057\u305f\u3002<\/p>\n<p>\u3067\u3059\u304c\u3001<strong><span>Bootstrap\u306e\u5185\u5bb9\u306f\u53cd\u6620\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002<\/span><\/strong><\/p>\n<p>\u203b6\u7ae0\u3067\u306f\u3001\u300c\u30dc\u30bf\u30f3\u300d\u3084\u300c\u30d8\u30c3\u30c0\u30fc\u306e\u30a2\u30a4\u30b3\u30f3\u300d\u306a\u3069\u3092<strong><span>Bootstrap\u3092\u4f7f\u7528\u3057\u3066\u8a2d\u5b9a\u3057\u3066\u3044\u307e\u3059\u304c\u3001\u53cd\u6620\u3067\u304d\u3066\u3044\u307e\u305b\u3093\u3002\uff08\u8868\u793a\u3055\u308c\u307e\u305b\u3093\u3002\uff09<\/span><\/strong><\/p>\n<p><strong><span>Bootstrap\u3084css\u304c\u53cd\u6620\u3055\u308c\u306a\u3044\u539f\u56e0\u304c\u5206\u304b\u308a\u307e\u3059\u3067\u3057\u3087\u3046\u304b\u3002<br \/>\n<\/span><\/strong><\/p>\n<p>\u95a2\u9023\u3057\u3066\u3044\u308b\u304b\u4e0d\u660e\u3067\u3059\u304c\u3001application.html.erb \u30d5\u30a1\u30a4\u30eb\u306e9\u884c\u76ee\u3042\u305f\u308a\u306b\u8a18\u8f09\u3055\u308c\u3066\u3044\u308b<\/p>\n<pre class=\"prism line-numbers language-ruby\"><code><span>&lt;<\/span><span>%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %&gt;<\/span><\/code> \u3067\u3059\u304c\u3001\u3053\u308c\u304c\u3042\u308b\u3068\u30a8\u30e9\u30fc\u304c\u767a\u751f\u3057\u3066\u3057\u307e\u3046\u70ba\u3001\u3053\u306e1\u884c\u3092\u524a\u9664\u3057\u3066\u3044\u307e\u3059\u3002 \u30a8\u30e9\u30fc\u753b\u50cf\u2193\u2193 <img decoding=\"async\" class=\"content-img\" src=\"https:\/\/open-innovation-daigaku.com\/unlimitedQA\/wp-content\/uploads\/2023\/05\/\u30a8\u30e9\u30fc\u753b\u50cf.png\" \/> VS-Code\u306e\u753b\u50cf\u2193\u2193 <img decoding=\"async\" class=\"content-img\" src=\"https:\/\/open-innovation-daigaku.com\/unlimitedQA\/wp-content\/uploads\/2023\/05\/VS-Code\u306e\u753b\u50cf-1.png\" \/> \u524a\u9664\u3057\u3066\u30a8\u30e9\u30fc\u304c\u6d88\u3048\u305f\u5b9f\u884c\u753b\u50cf\u2193\u2193 \u203bcss\u306f\u3001 todo_appappassetsstylesheets\u306b\u79fb\u52d5\u3055\u305b\u3066\u3044\u307e\u3059\u3002 <img decoding=\"async\" class=\"content-img\" src=\"https:\/\/open-innovation-daigaku.com\/unlimitedQA\/wp-content\/uploads\/2023\/05\/\u73fe\u5728\u306e\u72b6\u6cc1.png\" \/> \u304a\u624b\u6570\u3092\u304a\u304b\u3051\u3057\u307e\u3059\u304c\u3001\u4f55\u5352\u5b9c\u3057\u304f\u304a\u9858\u3044\u81f4\u3057\u307e\u3059\u3002<\/pre>\n","protected":false},"author":220,"comment_status":"open","ping_status":"closed","template":"","question-category":[637,605],"question_tags":[],"class_list":["post-3912","question","type-question","status-publish","hentry","question-category-ruby_on_rails_css","question-category-ruby-on-rails"],"_links":{"self":[{"href":"https:\/\/open-innovation-daigaku.com\/unlimitedQA\/wp-json\/wp\/v2\/question\/3912","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/open-innovation-daigaku.com\/unlimitedQA\/wp-json\/wp\/v2\/question"}],"about":[{"href":"https:\/\/open-innovation-daigaku.com\/unlimitedQA\/wp-json\/wp\/v2\/types\/question"}],"author":[{"embeddable":true,"href":"https:\/\/open-innovation-daigaku.com\/unlimitedQA\/wp-json\/wp\/v2\/users\/220"}],"replies":[{"embeddable":true,"href":"https:\/\/open-innovation-daigaku.com\/unlimitedQA\/wp-json\/wp\/v2\/comments?post=3912"}],"wp:attachment":[{"href":"https:\/\/open-innovation-daigaku.com\/unlimitedQA\/wp-json\/wp\/v2\/media?parent=3912"}],"wp:term":[{"taxonomy":"question-category","embeddable":true,"href":"https:\/\/open-innovation-daigaku.com\/unlimitedQA\/wp-json\/wp\/v2\/question-category?post=3912"},{"taxonomy":"question_tags","embeddable":true,"href":"https:\/\/open-innovation-daigaku.com\/unlimitedQA\/wp-json\/wp\/v2\/question_tags?post=3912"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}