回答編集履歴

1

補足説明

2018/03/10 01:51

投稿

退会済みユーザー
test CHANGED
@@ -7,3 +7,83 @@
7
7
 
8
8
 
9
9
  これかな
10
+
11
+
12
+
13
+ # 簡単な説明
14
+
15
+
16
+
17
+ ```
18
+
19
+ "<'row'<'col-sm-6'l><'col-sm-6'f>>" +
20
+
21
+ "<'row'<'col-sm-12'tr>>" +
22
+
23
+ "<'row'<'col-sm-5'i><'col-sm-7'p>>",
24
+
25
+ ```
26
+
27
+
28
+
29
+
30
+
31
+
32
+
33
+ ```
34
+
35
+ <div class="row">
36
+
37
+ <div class="col-sm-6">表示件数用パーツ</div>
38
+
39
+ <div class="col-sm-6">検索</div>
40
+
41
+ </div>
42
+
43
+ <div class="row">
44
+
45
+ <div class="col-sm-12">テーブル</div>
46
+
47
+ </div>
48
+
49
+ <div class="row">
50
+
51
+ <div class="col-sm-6">件数</div>
52
+
53
+ <div class="col-sm-6">ページネーション</div>
54
+
55
+ </div>
56
+
57
+ ```
58
+
59
+ に展開されるんです。
60
+
61
+
62
+
63
+ つまり
64
+
65
+
66
+
67
+ `<` は `<DIV>`
68
+
69
+ `>` は `</DIV>`
70
+
71
+ `'row'` のように `'` で囲まれたものは `DIV` の `class` 属性、CSS セレクタ方式で ID/CLASS を両方付与可能(一つ前のDIVに影響する)
72
+
73
+
74
+
75
+ ---
76
+
77
+
78
+
79
+ `l` は 表示件数
80
+
81
+ `f` は 検索フォーム
82
+
83
+ `t` はテーブル(データ)
84
+
85
+ `r` は処理中表示
86
+
87
+ `p` はページネーション
88
+
89
+ `i` はデータ情報( n件目~n件目を表示等 )