質問編集履歴

1

行番号追加

2016/05/07 07:29

投稿

unyounyo
unyounyo

スコア12

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
- @section('content')
27
+ 5@foreach ($results as $result)
26
28
 
27
- @foreach ($results as $result)
29
+ 6 <h2>なまえ: {{ $result->name }}</h2>
28
30
 
29
- <h2>なまえ: {{ $result->name }}</h2>
31
+ 7 <h2>性別: {{ $result->sex }}</h2>
30
32
 
31
- <h2>性別: {{ $result->sex }}</h2>
33
+ 8
32
34
 
35
+ 9@endforeach
33
36
 
37
+ 10@endsection
34
38
 
35
- @endforeach
39
+ 11
36
40
 
37
- @endsection
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
- data-toggle : tabを入れることでボン機能を有効に
51
+ 17 <!--ブ-->
46
52
 
47
- href : リンク先にコンテンツのid名を入れる
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 class="nav nav-tabs">
59
+ 21 </ul>
54
60
 
55
- <li class="active"><a href="#tab1" data-toggle="tab">タブ1</a></li>
61
+ 22 <!-- / タブ-->
56
62
 
57
- <li><a href="#tab2" data-toggle="tab">タブ2</a></li>
63
+ 23<!--
58
64
 
59
- </ul>
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 : tab-paneで非表示化
73
+ 28 <div class="tab-content">
68
74
 
69
- id : ボタンと同じidを使用する
75
+ 29 <div class="tab-pane fade in active" id="tab1">
70
76
 
71
- -->
77
+ 30 <p>コンテンツ1</p>
72
78
 
73
- <div class="tab-content">
79
+ 31 </div>
74
80
 
75
- <div class="tab-pane fade in active" id="tab1">
81
+ 32 <div class="tab-pane fade" id="tab2">
76
82
 
77
- <p>コンテンツ1</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
  ```