質問編集履歴

3

こうゆう事ですよねm\(__\)m やっとわかりました。

2016/07/19 22:05

投稿

smty
smty

スコア33

test CHANGED
@@ -1 +1 @@
1
- Bootstrapのcarousel動かし方
1
+ Bootstrapのcarousel動かし方
test CHANGED
@@ -1,6 +1,10 @@
1
- ```<div id="top-image" class="carousel slide" data-ride="carousel">
1
+ ```
2
2
 
3
+ <div id="top-image" class="carousel slide" data-ride="carousel">
4
+
5
+
6
+
3
- <ol class="carousel-indicators">
7
+ <ol class="carousel-indicators">
4
8
 
5
9
  <li data-target="#top-image" data-slide-to="0" class="active"></li>
6
10
 
@@ -10,49 +14,59 @@
10
14
 
11
15
  </ol>
12
16
 
13
- <div class="carousel-inner" role="listbox">
14
17
 
15
- <div class="item active">
16
18
 
17
- <img src="images/image.jpg" class="top-img">
19
+ <div class="carousel-inner" role="listbox">
18
20
 
19
- <div class="carousel-caption">
21
+
20
22
 
21
- <h2>サンプル</h2>
23
+ <div class="item active">
22
24
 
23
- <p>テキスト</p>
25
+ <img src="images/image.jpg" class="top-img">
24
26
 
25
- </div>
27
+ <div class="carousel-caption">
26
28
 
27
- </div>
29
+ <h2>サンプル</h2>
28
30
 
29
- <div class="item">
31
+ <p>テキスト</p>
30
32
 
31
- <img src="images/image2.png" class="top-img">
33
+ </div>
32
34
 
33
- <div class="carousel-caption">
35
+ </div>
34
36
 
35
- <h2>サンプル2</h2>
37
+
36
38
 
37
- <p>テキスト</p>
39
+ <div class="item">
38
40
 
39
- </div>
41
+ <img src="images/image2.png" class="top-img">
40
42
 
41
- </div>
43
+ <div class="carousel-caption">
42
44
 
43
- <div class="item">
45
+ <h2>サンプル2</h2>
44
46
 
45
- <img src="images/image3.png" class="top-img">
47
+ <p>テキスト</p>
46
48
 
47
- <h2>サンプル3</h2>
49
+ </div>
48
50
 
49
- <p>テキスト</p>
51
+ </div>
50
52
 
51
- </div>
53
+
52
54
 
53
- </div>
55
+ <div class="item">
54
56
 
57
+ <img src="images/image3.png" class="top-img">
58
+
59
+ <h2>サンプル3</h2>
60
+
61
+ <p>テキスト</p>
62
+
55
- </div>```
63
+ </div>
64
+
65
+ </div>
66
+
67
+ </div>
68
+
69
+ ```
56
70
 
57
71
 
58
72
 

2

ネストを見やすくしました。

2016/07/19 22:05

投稿

smty
smty

スコア33

test CHANGED
File without changes
test CHANGED
File without changes

1

ネストを見やすいようにしました。

2016/07/19 10:23

投稿

smty
smty

スコア33

test CHANGED
File without changes
test CHANGED
@@ -1,26 +1,26 @@
1
- <div id="top-image" class="carousel slide" data-ride="carousel">
1
+ ```<div id="top-image" class="carousel slide" data-ride="carousel">
2
2
 
3
- <ol class="carousel-indicators">
3
+ <ol class="carousel-indicators">
4
4
 
5
- <li data-target="#top-image" data-slide-to="0" class="active"></li>
5
+ <li data-target="#top-image" data-slide-to="0" class="active"></li>
6
6
 
7
7
  <li data-target="#top-image" data-slide-to="1"></li>
8
8
 
9
- <li data-target="#top-image" data-slide-to="2"></li>
9
+ <li data-target="#top-image" data-slide-to="2"></li>
10
10
 
11
- </ol>
11
+ </ol>
12
12
 
13
13
  <div class="carousel-inner" role="listbox">
14
14
 
15
15
  <div class="item active">
16
16
 
17
- <img src="images/halley-daviddson.jpg" class="top-img">
17
+ <img src="images/image.jpg" class="top-img">
18
18
 
19
19
  <div class="carousel-caption">
20
20
 
21
- <h2>サンプル</h2>
21
+ <h2>サンプル</h2>
22
22
 
23
- <p>テキスト</p>
23
+ <p>テキスト</p>
24
24
 
25
25
  </div>
26
26
 
@@ -28,7 +28,7 @@
28
28
 
29
29
  <div class="item">
30
30
 
31
- <img src="images/halley-daviddoson2.png" class="top-img">
31
+ <img src="images/image2.png" class="top-img">
32
32
 
33
33
  <div class="carousel-caption">
34
34
 
@@ -42,7 +42,7 @@
42
42
 
43
43
  <div class="item">
44
44
 
45
- <img src="images/halley-daviddoson3.png" class="top-img">
45
+ <img src="images/image3.png" class="top-img">
46
46
 
47
47
  <h2>サンプル3</h2>
48
48
 
@@ -50,9 +50,9 @@
50
50
 
51
51
  </div>
52
52
 
53
- </div>
53
+ </div>
54
54
 
55
- </div>
55
+ </div>```
56
56
 
57
57
 
58
58