質問編集履歴

2

2020/12/11 11:26

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- カルーセルを2枚ずつではなく1枚ずつスライドさせた
1
+ カルーセルスライドしな
test CHANGED
@@ -1,12 +1,6 @@
1
1
  ### 前提・実現したいこと
2
2
 
3
-
4
-
5
- ・スライドさせると左右の左側だけカードが表示され、右が空白なので両方表示させたい
6
-
7
- ・スライド際2枚ずつはなく1枚ずつスライドさせたい
3
+ php出力結果をbootstrapのカルーセルでスライドさせたい
8
-
9
-
10
4
 
11
5
 
12
6
 
@@ -16,9 +10,7 @@
16
10
 
17
11
  ```
18
12
 
19
- デフォルトは左右どちらにもカードが表示されているのですがスライドすると2枚同時にスライドし、
20
-
21
- 左側だけ表示され右側は空白にっている
13
+ prev・nextとも反応
22
14
 
23
15
  ```
24
16
 
@@ -52,17 +44,7 @@
52
44
 
53
45
  <title>ホーム</title>
54
46
 
55
- <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
56
-
57
- <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
58
-
59
- </head>
60
-
61
- <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
62
-
63
- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
64
-
65
- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
47
+
66
48
 
67
49
  <body>
68
50
 

1

質問内容を変更しました

2020/12/11 11:26

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- カルーセルスライドしな
1
+ カルーセルを2枚ずつではなく1枚ずつスライドさせた
test CHANGED
@@ -1,6 +1,12 @@
1
1
  ### 前提・実現したいこと
2
2
 
3
+
4
+
3
- phpで出力した結果を順番にbootstrapのカセルの中にカーを入てスライドさせたい
5
+ ・スライドさせると左右左側だけカードが表示さ、右が空白なので両方表示させたい
6
+
7
+ ・スライドの際2枚ずつではなく1枚ずつスライドさせたい
8
+
9
+
4
10
 
5
11
 
6
12
 
@@ -10,7 +16,9 @@
10
16
 
11
17
  ```
12
18
 
19
+ デフォルトは左右どちらにもカードが表示されているのですがスライドすると2枚同時にスライドし、
20
+
13
- next・prevのアイコンを押してもスライドされない
21
+ 左側にだけ表示され右側は空白にって
14
22
 
15
23
  ```
16
24
 
@@ -50,6 +58,12 @@
50
58
 
51
59
  </head>
52
60
 
61
+ <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
62
+
63
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
64
+
65
+ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
66
+
53
67
  <body>
54
68
 
55
69