質問編集履歴

4

質問タグにBootstrapを追加しました

2020/03/26 02:45

投稿

Surofuture
Surofuture

スコア49

test CHANGED
File without changes
test CHANGED
File without changes

3

サンプルの意味を自分で書いたものも含むと誤解していました。このコードは自分で書いたものになります。以下の1つでも答えてくれると幸いです→以下の全てに答えてくれると幸いです。(ご指摘があったので編集)

2020/03/26 02:45

投稿

Surofuture
Surofuture

スコア49

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- サンプルコード
1
+ 自分が書いたコード
2
2
 
3
3
 
4
4
 
@@ -588,7 +588,7 @@
588
588
 
589
589
 
590
590
 
591
- ●質問内容(いかいずれかに答えてくれると幸いです。
591
+ ●質問内容(以下全てに答えてくれると幸いです。
592
592
 
593
593
  ・cssのコードの上から9行目辺りからoffsetについて書いてありますが、これはいったいどんなデザインを指定しているのでしょうか。
594
594
 

2

なんでもありません

2020/03/26 02:44

投稿

Surofuture
Surofuture

スコア49

test CHANGED
File without changes
test CHANGED
@@ -184,6 +184,22 @@
184
184
 
185
185
  <h3>Content Slider</h3>
186
186
 
187
+ <p>・・・</p>
188
+
189
+
190
+
191
+ </div>
192
+
193
+ </div>
194
+
195
+ <div class="col-md-4">
196
+
197
+ <div class="feature">
198
+
199
+ <i class="fas fa-sliders-h fa-4x" data-fa-transform="shrink-4.5 up-4.5"></i>
200
+
201
+ <h3>Custom Animation</h3>
202
+
187
203
  <p></p>
188
204
 
189
205
 
@@ -196,11 +212,11 @@
196
212
 
197
213
  <div class="feature">
198
214
 
199
- <i class="fas fa-sliders-h fa-4x" data-fa-transform="shrink-4.5 up-4.5"></i>
215
+ <i class="fab fa-wpforms fa-4x" data-fa-transform="shrink-4 up-5"></i>
200
-
216
+
201
- <h3>Custom Animation</h3>
217
+ <h3>Contact Form</h3>
202
-
218
+
203
- <p></p>
219
+ <p>・・・</p>
204
220
 
205
221
 
206
222
 
@@ -208,266 +224,250 @@
208
224
 
209
225
  </div>
210
226
 
227
+ </div>
228
+
229
+
230
+
231
+ </div>
232
+
233
+ </div>
234
+
235
+ <!--End Jumbotron-->
236
+
237
+
238
+
239
+ </div>
240
+
241
+ <!--End Feature Section-->
242
+
243
+
244
+
245
+ <!--Start Resources Section-->
246
+
247
+ <div id="resources" class="offset">
248
+
249
+
250
+
251
+ <div class="fixed-background">
252
+
253
+
254
+
255
+ <div class="row dark text-center">
256
+
257
+
258
+
259
+ <div class="col-12">
260
+
261
+ <h3 class="heading">Built With Care</h3>
262
+
263
+ <div class="heading-underline"></div>
264
+
265
+ </div>
266
+
267
+
268
+
211
269
  <div class="col-md-4">
212
270
 
271
+ <h3>HTML 5</h3>
272
+
213
273
  <div class="feature">
214
274
 
215
- <i class="fab fa-wpforms fa-4x" data-fa-transform="shrink-4 up-5"></i>
275
+ <i class="fas fa-code fa-3x"></i>
216
-
217
- <h3>Contact Form</h3>
276
+
218
-
219
- <p></p>
220
-
221
-
222
-
223
- </div>
277
+ </div>
278
+
224
-
279
+ <p class="lead">Built with the latest, HTML 5</p>
280
+
225
- </div>
281
+ </div>
282
+
283
+ <div class="col-md-4">
284
+
285
+ <h3>BOOTSTRAP 4</h3>
286
+
287
+ <div class="feature">
288
+
289
+ <i class="fas fa-bold fa-3x"></i>
290
+
291
+ </div>
292
+
293
+ <p class="lead">Built with the latest, BOOTSTRAP 4</p>
294
+
295
+ </div>
296
+
297
+ <div class="col-md-4">
298
+
299
+ <h3>CSS 3</h3>
300
+
301
+ <div class="feature">
302
+
303
+ <i class="fab fa-css3 fa-3x"></i>
304
+
305
+ </div>
306
+
307
+ <p class="lead">Built with the latest, CSS 3</p>
308
+
309
+ </div>
310
+
311
+
312
+
313
+ <div class="fixed-wrap">
314
+
315
+ <div class="fixed"></div>
316
+
317
+ </div>
318
+
319
+
320
+
321
+ </div>
322
+
323
+ </div>
324
+
325
+
326
+
327
+ </div>
328
+
329
+ <!--End Resources Section-->
330
+
331
+
332
+
333
+ <!--Start Clinents Section-->
334
+
335
+ <div id="clients" class="offset">
336
+
337
+ <!--Start Jumbotron-->
338
+
339
+ <div class="jumbotron">
340
+
341
+
342
+
343
+ <div class="col-12 text-center">
344
+
345
+ <h3 class="heading">Clinents</h3>
346
+
347
+ <div class="heading-underline"></div>
226
348
 
227
349
  </div>
228
350
 
229
351
 
230
352
 
231
- </div>
232
-
233
- </div>
234
-
235
- <!--End Jumbotron-->
236
-
237
-
238
-
239
- </div>
240
-
241
- <!--End Feature Section-->
242
-
243
-
244
-
245
- <!--Start Resources Section-->
246
-
247
- <div id="resources" class="offset">
248
-
249
-
250
-
251
- <div class="fixed-background">
252
-
253
-
254
-
255
- <div class="row dark text-center">
256
-
257
-
258
-
259
- <div class="col-12">
260
-
261
- <h3 class="heading">Built With Care</h3>
262
-
263
- <div class="heading-underline"></div>
264
-
265
- </div>
266
-
267
-
268
-
269
- <div class="col-md-4">
270
-
271
- <h3>HTML 5</h3>
272
-
273
- <div class="feature">
274
-
275
- <i class="fas fa-code fa-3x"></i>
276
-
277
- </div>
278
-
279
- <p class="lead">Built with the latest, HTML 5</p>
280
-
281
- </div>
282
-
283
- <div class="col-md-4">
284
-
285
- <h3>BOOTSTRAP 4</h3>
286
-
287
- <div class="feature">
288
-
289
- <i class="fas fa-bold fa-3x"></i>
290
-
291
- </div>
292
-
293
- <p class="lead">Built with the latest, BOOTSTRAP 4</p>
294
-
295
- </div>
296
-
297
- <div class="col-md-4">
298
-
299
- <h3>CSS 3</h3>
300
-
301
- <div class="feature">
302
-
303
- <i class="fab fa-css3 fa-3x"></i>
304
-
305
- </div>
306
-
307
- <p class="lead">Built with the latest, CSS 3</p>
308
-
309
- </div>
310
-
311
-
312
-
313
- <div class="fixed-wrap">
314
-
315
- <div class="fixed"></div>
316
-
317
- </div>
318
-
319
-
320
-
321
- </div>
322
-
323
- </div>
324
-
325
-
326
-
327
- </div>
328
-
329
- <!--End Resources Section-->
330
-
331
-
332
-
333
- <!--Start Clinents Section-->
334
-
335
- <div id="clients" class="offset">
336
-
337
- <!--Start Jumbotron-->
338
-
339
- <div class="jumbotron">
340
-
341
-
342
-
343
- <div class="col-12 text-center">
344
-
345
- <h3 class="heading">Clinents</h3>
346
-
347
- <div class="heading-underline"></div>
353
+ <div class="row">
354
+
355
+
356
+
357
+ <div class="col-md-6 clients">
358
+
359
+ <div class="row">
360
+
361
+ <div class="col-md-4">
362
+
363
+ <img src="img/client1.png" alt="">
364
+
365
+ </div>
366
+
367
+ <div class="col-md-8">
368
+
369
+ <blockquote>
370
+
371
+ <i class="fas fa-quote-left"></i>
372
+
373
+
374
+
375
+ <hr class="clients-hr">
376
+
377
+ <cite>&#8212; Eric, Small Business Owner</cite>
378
+
379
+ </blockquote>
380
+
381
+ </div>
382
+
383
+ </div>
384
+
385
+ </div>
386
+
387
+
388
+
389
+ <div class="col-md-6 clients">
390
+
391
+ <div class="row">
392
+
393
+ <div class="col-md-4">
394
+
395
+ <img src="img/client2.png" alt="">
396
+
397
+ </div>
398
+
399
+ <div class="col-md-8">
400
+
401
+ <blockquote>
402
+
403
+ <i class="fas fa-quote-left"></i>
404
+
405
+
406
+
407
+ <hr class="clients-hr">
408
+
409
+ <cite>&#8212; Rachel, Professional Photographer</cite>
410
+
411
+ </blockquote>
412
+
413
+ </div>
414
+
415
+ </div>
416
+
417
+ </div>
418
+
419
+
348
420
 
349
421
  </div>
350
422
 
351
-
352
-
353
- <div class="row">
354
-
355
-
356
-
357
- <div class="col-md-6 clients">
358
-
359
- <div class="row">
360
-
361
- <div class="col-md-4">
362
-
363
- <img src="img/client1.png" alt="">
364
-
365
- </div>
366
-
367
- <div class="col-md-8">
368
-
369
- <blockquote>
370
-
371
- <i class="fas fa-quote-left"></i>
372
-
373
-
374
-
375
- <hr class="clients-hr">
376
-
377
- <cite>&#8212; Eric, Small Business Owner</cite>
378
-
379
- </blockquote>
380
-
381
- </div>
382
-
383
- </div>
384
-
385
- </div>
386
-
387
-
388
-
389
- <div class="col-md-6 clients">
390
-
391
- <div class="row">
392
-
393
- <div class="col-md-4">
394
-
395
- <img src="img/client2.png" alt="">
396
-
397
- </div>
398
-
399
- <div class="col-md-8">
400
-
401
- <blockquote>
402
-
403
- <i class="fas fa-quote-left"></i>
404
-
405
-
406
-
407
- <hr class="clients-hr">
408
-
409
- <cite>&#8212; Rachel, Professional Photographer</cite>
410
-
411
- </blockquote>
412
-
413
- </div>
414
-
415
- </div>
416
-
417
- </div>
418
-
419
-
423
+ </div>
424
+
425
+ <!--End Jumbotron-->
426
+
427
+
428
+
429
+ <div class="col-12 narrow text-center">
430
+
431
+ <p class="lead">・・・</p>
432
+
433
+ <a href="#" class="btn btn-secondary btn-md" target="_blank">Bootstrap Course</a>
434
+
435
+ </div>
436
+
437
+
438
+
439
+ </div>
440
+
441
+ <!--End Clinents Section-->
442
+
443
+
444
+
445
+ <!--Start Contact Section-->
446
+
447
+ <div id="contact" class="offset">
448
+
449
+ <footer>
450
+
451
+ <div class="row justify-content-center">
452
+
453
+ <div class="col-md-5 text-center">
454
+
455
+ <img src="img/nuno.png" alt="">
456
+
457
+ <p>・・・</p>
458
+
459
+ <strong>Contact Into</strong>
460
+
461
+ <p>(888) 888-8888<br>email@nuno.com</p>
462
+
463
+ <a href="#" target="_blank"><i class="fab fa-facebook-square"></i></a>
464
+
465
+ <a href="#" target="_blank"><i class="fab fa-twitter-square"></i></a>
466
+
467
+ <a href="#" target="_blank"><i class="fab fa-instagram"></i></a>
420
468
 
421
469
  </div>
422
470
 
423
- </div>
424
-
425
- <!--End Jumbotron-->
426
-
427
-
428
-
429
- <div class="col-12 narrow text-center">
430
-
431
- <p class="lead"></p>
432
-
433
- <a href="#" class="btn btn-secondary btn-md" target="_blank">Bootstrap Course</a>
434
-
435
- </div>
436
-
437
-
438
-
439
- </div>
440
-
441
- <!--End Clinents Section-->
442
-
443
-
444
-
445
- <!--Start Contact Section-->
446
-
447
- <div id="contact" class="offset">
448
-
449
- <footer>
450
-
451
- <div class="row justify-content-center">
452
-
453
- <div class="col-md-5 text-center">
454
-
455
- <img src="img/nuno.png" alt="">
456
-
457
- <p></p>
458
-
459
- <strong>Contact Into</strong>
460
-
461
- <p>(888) 888-8888<br>email@nuno.com</p>
462
-
463
- <a href="#" target="_blank"><i class="fab fa-facebook-square"></i></a>
464
-
465
- <a href="#" target="_blank"><i class="fab fa-twitter-square"></i></a>
466
-
467
- <a href="#" target="_blank"><i class="fab fa-instagram"></i></a>
468
-
469
- </div>
470
-
471
471
 
472
472
 
473
473
  <hr class="socket">

1

8い8お6r8おr

2020/03/26 02:17

投稿

Surofuture
Surofuture

スコア49

test CHANGED
File without changes
test CHANGED
@@ -138,9 +138,9 @@
138
138
 
139
139
  <div class="col-12 narrow text-center">
140
140
 
141
- <h1>転生したら森の神様だった件</h1>
141
+ <h1></h1>
142
-
142
+
143
- <p class="lead">俺はとある田舎の男の子だ。大学受験に失敗し、滑り止めの大学に進学することになった俺は、何とか悔しい気持ちをばねに春休み生活を満喫しているところだった。</p>
143
+ <p class="lead"></p>
144
144
 
145
145
  <a href="#" class="btn btn-secondary btn-md" target="_blank">Bootstrap Course</a>
146
146
 
@@ -184,7 +184,7 @@
184
184
 
185
185
  <h3>Content Slider</h3>
186
186
 
187
- <p>俺の親は母が美容師、父が運搬会社の会社員という極々普通の核家族である。この春休み、何もやることがない俺は、一人カラオケにでも行こうと思い、久しぶりに家を出た。</p>
187
+ <p></p>
188
188
 
189
189
 
190
190
 
@@ -200,7 +200,7 @@
200
200
 
201
201
  <h3>Custom Animation</h3>
202
202
 
203
- <p>俺の親は母が美容師、父が運搬会社の会社員という極々普通の核家族である。この春休み、何もやることがない俺は、一人カラオケにでも行こうと思い、久しぶりに家を出た。</p>
203
+ <p></p>
204
204
 
205
205
 
206
206
 
@@ -216,7 +216,7 @@
216
216
 
217
217
  <h3>Contact Form</h3>
218
218
 
219
- <p>俺の親は母が美容師、父が運搬会社の会社員という極々普通の核家族である。この春休み、何もやることがない俺は、一人カラオケにでも行こうと思い、久しぶりに家を出た。</p>
219
+ <p></p>
220
220
 
221
221
 
222
222
 
@@ -370,7 +370,7 @@
370
370
 
371
371
  <i class="fas fa-quote-left"></i>
372
372
 
373
- これが俺の父、アタマハ・ゲカケテールだ。ハーバード大学卒の経歴を持つ天才だが、母と息子への愛が大きすぎて、俺は少々面倒くさがっている。
373
+
374
374
 
375
375
  <hr class="clients-hr">
376
376
 
@@ -402,7 +402,7 @@
402
402
 
403
403
  <i class="fas fa-quote-left"></i>
404
404
 
405
- この人は俺が小さいころからお世話になっている、隣の家のアソコガラ・スボスヨさんだ。いつも穏やかで母と同じくらい料理がうまかった。まさに完ぺきに近い人だ。
405
+
406
406
 
407
407
  <hr class="clients-hr">
408
408
 
@@ -428,7 +428,7 @@
428
428
 
429
429
  <div class="col-12 narrow text-center">
430
430
 
431
- <p class="lead">カラオケについて俺はとりあえず一曲目はあの名曲「真夜中ドライブ」を歌い始めた。(よし、いつもどうりのイイ感じだ)だが、サビに入るところで突然部屋が真っ暗になった。「停電か?」急なことに驚いて俺はマイクを持ったまま部屋の廊下に出た。するとそこには巨大な森の中だった。</p>
431
+ <p class="lead"></p>
432
432
 
433
433
  <a href="#" class="btn btn-secondary btn-md" target="_blank">Bootstrap Course</a>
434
434
 
@@ -454,7 +454,7 @@
454
454
 
455
455
  <img src="img/nuno.png" alt="">
456
456
 
457
- <p>ちょっと休憩。ちょっと休憩。ちょっと休憩。ちょっと休憩。ちょっと休憩。vvちょっと休憩。ちょっと休憩。ちょっと休憩。ちょっと休憩。ちょっと休憩。ちょっと休憩。</p>
457
+ <p></p>
458
458
 
459
459
  <strong>Contact Into</strong>
460
460