質問編集履歴

2

タグの更新

2021/01/14 05:41

投稿

attakrui
attakrui

スコア2

test CHANGED
File without changes
test CHANGED
@@ -333,3 +333,5 @@
333
333
  ruby '2.6.5'
334
334
 
335
335
  bootstrap', '~> 4.5'
336
+
337
+ jquery-rails

1

試したことの修正

2021/01/14 05:41

投稿

attakrui
attakrui

スコア2

test CHANGED
@@ -1 +1 @@
1
- ruby on rails bootstrapのテンプレートがうまく表示され
1
+ ruby on rails bootstrapのテンプレートがうまく表示されずに困ってます
test CHANGED
@@ -230,113 +230,7 @@
230
230
 
231
231
  <li class="nav-item col-md-6 col-lg-3 col-xl-2">
232
232
 
233
- <a href="carousel-dark.html" class="nav-link"><span class="nav-link-image"><img
233
+
234
-
235
- src="assets/images/demos/carousel-dark.jpg" alt=""></span><span class="nav-link-name">carousel
236
-
237
- dark</span>
238
-
239
- </a>
240
-
241
- </li>
242
-
243
- <li class="nav-item col-md-6 col-lg-3 col-xl-2">
244
-
245
- <a href="carousel-light.html" class="nav-link"><span class="nav-link-image"><img
246
-
247
- src="assets/images/demos/carousel-light.jpg" alt=""></span><span
248
-
249
- class="nav-link-name">carousel light</span>
250
-
251
- </a>
252
-
253
- </li>
254
-
255
- <li class="nav-item col-md-6 col-lg-3 col-xl-2">
256
-
257
- <a href="fullscreen-showcase.html" class="nav-link"><span class="nav-link-image"><img
258
-
259
- src="assets/images/demos/fullscreen-showcase.jpg" alt=""></span><span
260
-
261
- class="nav-link-name">fullscreen showcase</span>
262
-
263
- </a>
264
-
265
- </li>
266
-
267
- </ul>
268
-
269
- </div>
270
-
271
- </div>
272
-
273
- </li>
274
-
275
- <li class="nav-item navbar-dropdown">
276
-
277
- <a href="portfolio-col-1-style-1.html" class="nav-link">
278
-
279
- <span class="nav-link-name">projects</span>
280
-
281
- <svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
282
-
283
- <path d="M1 9L5 5L1 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
284
-
285
- stroke-linejoin="round" />
286
-
287
- </svg>
288
-
289
- </a>
290
-
291
- <div class="dropdown-menu">
292
-
293
- <ul class="nav navbar-nav">
294
-
295
- <li class="nav-item navbar-dropdown">
296
-
297
- <a href="portfolio-col-1-style-1.html" class="nav-link">
298
-
299
- <span class="nav-link-name">1 column</span>
300
-
301
- <svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
302
-
303
- <path d="M1 9L5 5L1 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
304
-
305
- stroke-linejoin="round" />
306
-
307
- </svg>
308
-
309
- </a>
310
-
311
- <div class="dropdown-menu">
312
-
313
- <ul class="nav navbar-nav">
314
-
315
- <li class="nav-item">
316
-
317
- <a href="portfolio-col-1-style-1.html" class="nav-link">
318
-
319
- <span class="nav-link-name">Style 1</span>
320
-
321
- </a>
322
-
323
- </li>
324
-
325
- <li class="nav-item">
326
-
327
- <a href="portfolio-col-1-style-2.html" class="nav-link">
328
-
329
- <span class="nav-link-name">Style 2</span>
330
-
331
- </a>
332
-
333
- </li>
334
-
335
- </ul>
336
-
337
- </div>
338
-
339
- </li>
340
234
 
341
235
 
342
236
 
@@ -344,13 +238,87 @@
344
238
 
345
239
  中略
346
240
 
241
+
242
+
243
+ <!-- START: Scripts -->
244
+
245
+ <!-- Object Fit Polyfill -->
246
+
247
+ <script src="assets/vendor/object-fit-images/dist/ofi.min.js"></script>
248
+
249
+ <!-- Popper -->
250
+
251
+ <script src="assets/vendor/popper.js/dist/umd/popper.min.js"></script>
252
+
253
+ <!-- Bootstrap -->
254
+
255
+ <script src="assets/vendor/bootstrap/dist/js/bootstrap.min.js"></script>
256
+
257
+ <!-- Bootstrap Validator -->
258
+
259
+ <script src="assets/vendor/bootstrap-validator/dist/validator.min.js"></script>
260
+
261
+ <!-- ImagesLoaded -->
262
+
263
+ <script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
264
+
265
+ <!-- Swiper -->
266
+
267
+ <script src="assets/vendor/swiper/dist/js/swiper.min.js"></script>
268
+
269
+ <!-- Animejs -->
270
+
271
+ <script src="assets/vendor/animejs/lib/anime.min.js"></script>
272
+
273
+ <!-- Rellax -->
274
+
275
+ <script src="assets/vendor/rellax/rellax.min.js"></script>
276
+
277
+ <!-- Countdown -->
278
+
279
+ <script src="assets/vendor/jquery-countdown/dist/jquery.countdown.min.js"></script>
280
+
281
+ <!-- Moment.js -->
282
+
283
+ <script src="assets/vendor/moment/min/moment.min.js"></script>
284
+
285
+ <script src="assets/vendor/moment-timezone/builds/moment-timezone-with-data.min.js"></script>
286
+
287
+ <!-- Isotope -->
288
+
289
+ <script src="assets/vendor/isotope-layout/dist/isotope.pkgd.min.js"></script>
290
+
291
+ <script src="assets/vendor/isotope-packery/packery-mode.pkgd.min.js"></script>
292
+
293
+ <!-- Jarallax -->
294
+
295
+ <script src="assets/vendor/jarallax/dist/jarallax.min.js"></script>
296
+
297
+ <script src="assets/vendor/jarallax/dist/jarallax-video.min.js"></script>
298
+
299
+ <!-- Fancybox -->
300
+
301
+ <script src="assets/vendor/fancybox/dist/jquery.fancybox.min.js"></script>
302
+
303
+ <!-- Themebau -->
304
+
305
+ <script src="assets/js/themebau.min.js"></script>
306
+
307
+ <!-- END: Scripts -->
308
+
309
+ </body>
310
+
311
+
312
+
313
+ </html>
314
+
347
315
  ```
348
316
 
349
317
 
350
318
 
351
319
  ### 試したこと
352
320
 
353
- 上記のコードの貼り付けだけでなく、コードの上下に記入されているassets/vendor/〜から始めるファイルも設置を行いました。
321
+ 始めは上記のコードを貼り付けることしかしていませんでしたが、上記コードの貼り付けだけでなく、コードの上下に記入されているassets/vendor/〜から始めるファイルも設置を行いました。
354
322
 
355
323
 
356
324
 
@@ -364,8 +332,4 @@
364
332
 
365
333
  ruby '2.6.5'
366
334
 
367
- 'bootstrap', '~> 4.5'
335
+ bootstrap', '~> 4.5'
368
-
369
-
370
-
371
- ここにより詳細な情報を記載してください。になります。