質問編集履歴
3
微修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -60,11 +60,11 @@
|
|
60
60
|
|
61
61
|
</div>
|
62
62
|
|
63
|
-
</div>
|
63
|
+
</div>
|
64
64
|
|
65
65
|
|
66
66
|
|
67
|
-
|
67
|
+
<CSS>
|
68
68
|
|
69
69
|
.card {max-width: 15rem;}
|
70
70
|
|
@@ -80,4 +80,12 @@
|
|
80
80
|
|
81
81
|
|
82
82
|
|
83
|
+
|
84
|
+
|
85
|
+
```
|
86
|
+
|
87
|
+
|
88
|
+
|
89
|
+
|
90
|
+
|
83
91
|
![イメージ説明](ce0c48a61c41d2926eedc91732d44b89.png)
|
2
コードを正確に記載し、画面キャプチャを貼りました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -6,24 +6,78 @@
|
|
6
6
|
|
7
7
|
railsを利用している場合、しなければならない設定などあるのでしょうか?
|
8
8
|
|
9
|
+
上の例はうまくいくコードで、下の例はうまくいかない例です。
|
10
|
+
|
9
11
|
|
10
12
|
|
11
13
|
#
|
12
14
|
|
13
15
|
```ここに言語を入力
|
14
16
|
|
15
|
-
<div class="car
|
17
|
+
<div class="container">
|
16
18
|
|
17
|
-
<i
|
19
|
+
<div class="row">
|
18
20
|
|
19
|
-
<div class="c
|
21
|
+
<div class="col-md-6">
|
20
22
|
|
21
|
-
<
|
23
|
+
<div class="card">
|
22
24
|
|
23
|
-
<
|
25
|
+
<img class="card-img-top" src="https://snap-photos.s3.amazonaws.com/img-thumbs/960w/1U2EGZ07GU.jpg" alt="Card image cap">
|
24
26
|
|
25
|
-
<
|
27
|
+
<div class="card-block">
|
26
28
|
|
29
|
+
<h4 class="card-title">Card title</h4>
|
30
|
+
|
31
|
+
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
32
|
+
|
33
|
+
<a href="#" class="btn btn-primary">Go somewhere</a>
|
34
|
+
|
27
|
-
</div>
|
35
|
+
</div>
|
36
|
+
|
37
|
+
</div>
|
38
|
+
|
39
|
+
</div>
|
40
|
+
|
41
|
+
<div class="col-md-6">
|
42
|
+
|
43
|
+
<div class="card">
|
44
|
+
|
45
|
+
<%= link_to image_tag("earring/01.jpg"), :class => "card-img-top", :alt => "Card image cap" %>
|
46
|
+
|
47
|
+
<div class="card-block">
|
48
|
+
|
49
|
+
<h4 class="card-title">Card title</h4>
|
50
|
+
|
51
|
+
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
52
|
+
|
53
|
+
<a href="#" class="btn btn-primary">Go somewhere</a>
|
54
|
+
|
55
|
+
</div>
|
56
|
+
|
57
|
+
</div>
|
58
|
+
|
59
|
+
</div>
|
60
|
+
|
61
|
+
</div>
|
62
|
+
|
63
|
+
</div>```
|
64
|
+
|
65
|
+
|
66
|
+
|
67
|
+
```ここに言語を入力
|
68
|
+
|
69
|
+
.card {max-width: 15rem;}
|
70
|
+
|
71
|
+
|
72
|
+
|
73
|
+
.card-img-top {width: 100%;
|
74
|
+
|
75
|
+
}
|
76
|
+
|
77
|
+
|
28
78
|
|
29
79
|
```
|
80
|
+
|
81
|
+
|
82
|
+
|
83
|
+
![イメージ説明](ce0c48a61c41d2926eedc91732d44b89.png)
|
1
なれておらず失礼しました。現在外にいる為、スクリーンショットは追って貼り付け致します。
test
CHANGED
File without changes
|
test
CHANGED
@@ -9,6 +9,8 @@
|
|
9
9
|
|
10
10
|
|
11
11
|
#
|
12
|
+
|
13
|
+
```ここに言語を入力
|
12
14
|
|
13
15
|
<div class="card">
|
14
16
|
|
@@ -23,3 +25,5 @@
|
|
23
25
|
<a href="#" class="btn btn-primary">Go somewhere</a>
|
24
26
|
|
25
27
|
</div>
|
28
|
+
|
29
|
+
```
|