質問編集履歴

1

application.css.sassの追記

2020/03/18 07:13

投稿

ajest
ajest

スコア5

test CHANGED
File without changes
test CHANGED
@@ -408,6 +408,76 @@
408
408
 
409
409
  ```
410
410
 
411
+ 下記にBootstrapのcss読み込み箇所としてapplication.css.sassを記載します。
412
+
413
+ /*= require_self*/の部分ですが、デフォルトは
414
+
415
+
416
+
417
+ /*= require_self
418
+
419
+ */
420
+
421
+
422
+
423
+ と記述されておりましたが、画面読み込み事にエラーが出力されたので
424
+
425
+ /*= require_self*/に変更したところ画面が読み込まれたので
426
+
427
+ その状態にしております。
428
+
429
+ ```application
430
+
431
+ /* This is a manifest file that'll be compiled into application.css, which will include all the files
432
+
433
+ /* listed below.
434
+
435
+ /*
436
+
437
+ /* Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
438
+
439
+ /* vendor/assets/stylesheets directory can be referenced here using a relative path.
440
+
441
+ /*
442
+
443
+ /* You're free to add application-wide styles to this file and they'll appear at the bottom of the
444
+
445
+ /* compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
446
+
447
+ /* files in this directory. Styles in this file should be added after the last require_* statement.
448
+
449
+ /* It is generally better to create a new file per style scope.
450
+
451
+ /*
452
+
453
+ /*= require_tree .
454
+
455
+ /*= require_self*/
456
+
457
+
458
+
459
+ @import bootstrap-sprockets
460
+
461
+ @import bootstrap
462
+
463
+ @import example
464
+
465
+
466
+
467
+ html, body
468
+
469
+ width: 100%
470
+
471
+ height: 100%
472
+
473
+
474
+
475
+ .clear
476
+
477
+ clear: both
478
+
479
+ ```
480
+
411
481
 
412
482
 
413
483
  ### 試したこと