質問編集履歴
1
行番号追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -16,74 +16,74 @@
|
|
16
16
|
|
17
17
|
```ここに言語を入力
|
18
18
|
|
19
|
-
[root@localhost pages]# cat about.blade.php
|
19
|
+
1[root@localhost pages]# cat about.blade.php
|
20
20
|
|
21
|
-
@extends('layout')
|
21
|
+
2@extends('layout')
|
22
22
|
|
23
|
+
3
|
23
24
|
|
25
|
+
4@section('content')
|
24
26
|
|
25
|
-
@
|
27
|
+
5@foreach ($results as $result)
|
26
28
|
|
27
|
-
|
29
|
+
6 <h2>なまえ: {{ $result->name }}</h2>
|
28
30
|
|
29
|
-
<h2>
|
31
|
+
7 <h2>性別: {{ $result->sex }}</h2>
|
30
32
|
|
31
|
-
|
33
|
+
8
|
32
34
|
|
35
|
+
9@endforeach
|
33
36
|
|
37
|
+
10@endsection
|
34
38
|
|
35
|
-
|
39
|
+
11
|
36
40
|
|
37
|
-
|
41
|
+
12<!--
|
38
42
|
|
43
|
+
13 タブの切り替えボタン
|
39
44
|
|
45
|
+
14 data-toggle : tabを入れることでボタン機能を有効に
|
40
46
|
|
41
|
-
|
47
|
+
15 href : リンク先にコンテンツのid名を入れる
|
42
48
|
|
43
|
-
|
49
|
+
16-->
|
44
50
|
|
45
|
-
|
51
|
+
17 <!--タブ-->
|
46
52
|
|
47
|
-
|
53
|
+
18 <ul class="nav nav-tabs">
|
48
54
|
|
49
|
-
-
|
55
|
+
19 <li class="active"><a href="#tab1" data-toggle="tab">タブ1</a></li>
|
50
56
|
|
51
|
-
<
|
57
|
+
20 <li><a href="#tab2" data-toggle="tab">タブ2</a></li>
|
52
58
|
|
53
|
-
<ul
|
59
|
+
21 </ul>
|
54
60
|
|
55
|
-
<
|
61
|
+
22 <!-- / タブ-->
|
56
62
|
|
57
|
-
|
63
|
+
23<!--
|
58
64
|
|
59
|
-
|
65
|
+
24 タブの切り替えボタン
|
60
66
|
|
61
|
-
|
67
|
+
25 class : tab-paneで非表示化
|
62
68
|
|
63
|
-
|
69
|
+
26 id : ボタンと同じidを使用する
|
64
70
|
|
65
|
-
|
71
|
+
27-->
|
66
72
|
|
67
|
-
class
|
73
|
+
28 <div class="tab-content">
|
68
74
|
|
69
|
-
id
|
75
|
+
29 <div class="tab-pane fade in active" id="tab1">
|
70
76
|
|
71
|
-
|
77
|
+
30 <p>コンテンツ1</p>
|
72
78
|
|
73
|
-
<div
|
79
|
+
31 </div>
|
74
80
|
|
75
|
-
<div class="tab-pane fade
|
81
|
+
32 <div class="tab-pane fade" id="tab2">
|
76
82
|
|
77
|
-
<p>コンテンツ
|
83
|
+
33 <p>コンテンツ2</p>
|
78
84
|
|
79
|
-
</div>
|
85
|
+
34 </div>
|
80
86
|
|
81
|
-
<div class="tab-pane fade" id="tab2">
|
82
|
-
|
83
|
-
<p>コンテンツ2</p>
|
84
|
-
|
85
|
-
</div>
|
87
|
+
35 </div>
|
86
|
-
|
87
|
-
</div>
|
88
88
|
|
89
89
|
```
|