質問編集履歴

5

コードの修正

2019/09/09 11:01

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -80,6 +80,8 @@
80
80
 
81
81
  <a class="dropdown-item" href="#">bar</a>
82
82
 
83
+ </div>
84
+
83
85
  </li>
84
86
 
85
87
  <li class="nav-item dropdown dropright">

4

コードの修正

2019/09/09 11:01

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -20,99 +20,101 @@
20
20
 
21
21
  <html lang="ja">
22
22
 
23
- <head>
23
+ <head>
24
24
 
25
- <meta charset="utf-8">
25
+ <meta charset="utf-8">
26
26
 
27
- <title>Bootstrap4</title>
27
+ <title>Bootstrap4</title>
28
28
 
29
29
 
30
30
 
31
- <!-- viewport meta -->
31
+ <!-- viewport meta -->
32
32
 
33
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
33
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
34
34
 
35
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
35
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
36
36
 
37
37
 
38
38
 
39
- <link rel="stylesheet" href="css/bootstrap.min.css">
39
+ <link rel="stylesheet" href="css/bootstrap.min.css">
40
40
 
41
- <script src="js/jquery-3.4.1.min.js"></script>
41
+ <script src="js/jquery-3.4.1.min.js"></script>
42
42
 
43
- </head>
43
+ </head>
44
44
 
45
45
 
46
46
 
47
- <header>
47
+ <body>
48
48
 
49
- <div class="container">
49
+ <header>
50
50
 
51
- <div class="jumbotron">
51
+ <div class="container">
52
52
 
53
- <h1>page</h1>
53
+ <div class="jumbotron">
54
54
 
55
- </div>
55
+ <h1>page</h1>
56
56
 
57
- </div>
57
+ </div>
58
58
 
59
+ </div>
60
+
59
- </header>
61
+ </header>
60
62
 
61
63
 
62
64
 
63
- <body>
65
+ <div id="main" class="container">
64
66
 
65
- <div id="main" class="container">
67
+ <div class="row"> <!-- ナビ -->
66
68
 
67
- <div class="row"> <!-- ナビ -->
69
+ <div class="col-sm-3">
68
70
 
69
- <div class="col-sm-3">
71
+ <ul class="nav nav-pills nav flex-column sticky-top">
70
72
 
71
- <ul class="nav nav-pills nav flex-column sticky-top">
73
+ <li class="nav-item dropdown dropright">
72
74
 
73
- <li class="nav-item dropdown dropright">
75
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">申請</a>
74
76
 
75
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">申請</a>
77
+ <div class="dropdown-menu" aria-labelledby="navbarDropdown">
76
78
 
77
- <div class="dropdown-menu" aria-labelledby="navbarDropdown">
79
+ <a class="dropdown-item" href="#tab-1-1"data-toggle="tab" >hoge</a>
78
80
 
79
- <a class="dropdown-item" href="#tab-1-1"data-toggle="tab" >hoge</a>
81
+ <a class="dropdown-item" href="#">bar</a>
80
82
 
81
- <a class="dropdown-item" href="#">bar</a>
83
+ </li>
82
84
 
83
- </li>
85
+ <li class="nav-item dropdown dropright">
84
86
 
85
- <li class="nav-item dropdown dropright">
87
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">マニュアル</a>
86
88
 
87
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">マニュアル</a>
89
+ <div class="dropdown-menu" aria-labelledby="navbarDropdown">
88
90
 
89
- <div class="dropdown-menu" aria-labelledby="navbarDropdown">
91
+ <a class="dropdown-item" href="#tab-2-1"data-toggle="tab" >baz</a>
90
92
 
93
+ </div>
94
+
95
+ </li>
96
+
97
+ </ul>
98
+
99
+ </div>
100
+
101
+ <!-- 残り9列はコンテンツ表示部分として使う -->
102
+
103
+ <div class="col-sm-9">
104
+
105
+ <div class="tab-content">
106
+
107
+ <div id="tab-1-1" class="tab-pane fade">
108
+
91
- <a class="dropdown-item" href="#tab-2-1"data-toggle="tab" >baz</a>
109
+ <object data="hoge.pdf" type="application/pdf"width="900" height="700" ></object>
92
110
 
93
111
  </div>
94
112
 
95
- </li>
113
+ <div id="tab-2-1" class="tab-pane fade">
96
114
 
97
- </ul>
115
+ <object data="baz.pdf" type="application/pdf"width="900" height="700" ></object>
98
116
 
99
- </div>
117
+ </div>
100
-
101
- <!-- 残り9列はコンテンツ表示部分として使う -->
102
-
103
- <div class="col-sm-9">
104
-
105
- <div class="tab-content">
106
-
107
- <div id="tab-1-1" class="tab-pane fade">
108
-
109
- <object data="hoge.pdf" type="application/pdf"width="900" height="700" ></object>
110
-
111
- </div>
112
-
113
- <div id="tab-2-1" class="tab-pane fade">
114
-
115
- <object data="baz.pdf" type="application/pdf"width="900" height="700" ></object>
116
118
 
117
119
  </div>
118
120
 
@@ -122,19 +124,17 @@
122
124
 
123
125
  </div>
124
126
 
127
+
128
+
129
+ <script src="js/jquery-3.4.1.min.js"></script>
130
+
125
- </div>
131
+ <script src="js/popper.min.js"></script>
132
+
133
+ <script src="js/bootstrap.min.js"></script>
126
134
 
127
135
 
128
136
 
129
- <script src="js/jquery-3.4.1.min.js"></script>
130
-
131
- <script src="js/popper.min.js"></script>
132
-
133
- <script src="js/bootstrap.min.js"></script>
134
-
135
-
136
-
137
- </body>
137
+ </body>
138
138
 
139
139
  </html>
140
140
 

3

誤字の修正

2019/09/09 04:03

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -2,11 +2,13 @@
2
2
 
3
3
 
4
4
 
5
- bootstrap4のドロップダウンを表示する際に表示されているpdfと重なり、ドロップダウンが隠れ
5
+ bootstrap4のドロップダウンを表示する際に表示されているpdfと重なり、ドロップダウンが隠れます。
6
+
7
+ chromeではこのようなバグは発生しないのですが、IEで発生します。
6
8
 
7
9
  【詳細】
8
10
 
9
- ドロップダウンでpdfを表示した後、再度ドロップダウンで選択しようとした際にドロップダウンが表示されたpdfの下側にい
11
+ ドロップダウンでpdfを表示した後、再度ドロップダウンで選択しようとした際にドロップダウンが表示されたpdfの下側にいきます。
10
12
 
11
13
 
12
14
 

2

コードブロックに記載いたしました

2019/09/09 00:27

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -12,7 +12,7 @@
12
12
 
13
13
  ### 該当のソースコード
14
14
 
15
- ```ここに言語を入力
15
+ ```html5
16
16
 
17
17
  <!DOCTYPE html>
18
18
 
@@ -48,7 +48,11 @@
48
48
 
49
49
  <div class="jumbotron">
50
50
 
51
- <h1>page</h1>
51
+ <h1>page</h1>
52
+
53
+ </div>
54
+
55
+ </div>
52
56
 
53
57
  </header>
54
58
 
@@ -134,126 +138,6 @@
134
138
 
135
139
  ```
136
140
 
137
- <!DOCTYPE html>
138
-
139
- <html lang="ja">
140
-
141
- <head>
142
-
143
- <meta charset="utf-8">
144
-
145
- <title>Bootstrap4</title>
146
-
147
-
148
-
149
- <!-- viewport meta -->
150
-
151
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
152
-
153
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
154
-
155
-
156
-
157
- <link rel="stylesheet" href="css/bootstrap.min.css">
158
-
159
- <script src="js/jquery-3.4.1.min.js"></script>
160
-
161
- </head>
162
-
163
-
164
-
165
- <header>
166
-
167
- <div class="container">
168
-
169
- <div class="jumbotron">
170
-
171
- <h1>page</h1>
172
-
173
- </header>
174
-
175
-
176
-
177
- <body>
178
-
179
- <div id="main" class="container">
180
-
181
- <div class="row"> <!-- ナビ -->
182
-
183
- <div class="col-sm-3">
184
-
185
- <ul class="nav nav-pills nav flex-column sticky-top">
186
-
187
- <li class="nav-item dropdown dropright">
188
-
189
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">申請</a>
190
-
191
- <div class="dropdown-menu" aria-labelledby="navbarDropdown">
192
-
193
- <a class="dropdown-item" href="#tab-1-1"data-toggle="tab" >hoge</a>
194
-
195
- <a class="dropdown-item" href="#">bar</a>
196
-
197
- </li>
198
-
199
- <li class="nav-item dropdown dropright">
200
-
201
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">マニュアル</a>
202
-
203
- <div class="dropdown-menu" aria-labelledby="navbarDropdown">
204
-
205
- <a class="dropdown-item" href="#tab-2-1"data-toggle="tab" >baz</a>
206
-
207
- </div>
208
-
209
- </li>
210
-
211
- </ul>
212
-
213
- </div>
214
-
215
- <!-- 残り9列はコンテンツ表示部分として使う -->
216
-
217
- <div class="col-sm-9">
218
-
219
- <div class="tab-content">
220
-
221
- <div id="tab-1-1" class="tab-pane fade">
222
-
223
- <object data="hoge.pdf" type="application/pdf"width="900" height="700" ></object>
224
-
225
- </div>
226
-
227
- <div id="tab-2-1" class="tab-pane fade">
228
-
229
- <object data="baz.pdf" type="application/pdf"width="900" height="700" ></object>
230
-
231
- </div>
232
-
233
- </div>
234
-
235
- </div>
236
-
237
- </div>
238
-
239
- </div>
240
-
241
-
242
-
243
- <script src="js/jquery-3.4.1.min.js"></script>
244
-
245
- <script src="js/popper.min.js"></script>
246
-
247
- <script src="js/bootstrap.min.js"></script>
248
-
249
-
250
-
251
- </body>
252
-
253
- </html>
254
-
255
-
256
-
257
141
  ### 補足情報(FW/ツールのバージョンなど)
258
142
 
259
143
 

1

コードの修正

2019/09/06 05:40

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -12,7 +12,7 @@
12
12
 
13
13
  ### 該当のソースコード
14
14
 
15
-
15
+ ```ここに言語を入力
16
16
 
17
17
  <!DOCTYPE html>
18
18
 
@@ -132,6 +132,126 @@
132
132
 
133
133
  </html>
134
134
 
135
+ ```
136
+
137
+ <!DOCTYPE html>
138
+
139
+ <html lang="ja">
140
+
141
+ <head>
142
+
143
+ <meta charset="utf-8">
144
+
145
+ <title>Bootstrap4</title>
146
+
147
+
148
+
149
+ <!-- viewport meta -->
150
+
151
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
152
+
153
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
154
+
155
+
156
+
157
+ <link rel="stylesheet" href="css/bootstrap.min.css">
158
+
159
+ <script src="js/jquery-3.4.1.min.js"></script>
160
+
161
+ </head>
162
+
163
+
164
+
165
+ <header>
166
+
167
+ <div class="container">
168
+
169
+ <div class="jumbotron">
170
+
171
+ <h1>page</h1>
172
+
173
+ </header>
174
+
175
+
176
+
177
+ <body>
178
+
179
+ <div id="main" class="container">
180
+
181
+ <div class="row"> <!-- ナビ -->
182
+
183
+ <div class="col-sm-3">
184
+
185
+ <ul class="nav nav-pills nav flex-column sticky-top">
186
+
187
+ <li class="nav-item dropdown dropright">
188
+
189
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">申請</a>
190
+
191
+ <div class="dropdown-menu" aria-labelledby="navbarDropdown">
192
+
193
+ <a class="dropdown-item" href="#tab-1-1"data-toggle="tab" >hoge</a>
194
+
195
+ <a class="dropdown-item" href="#">bar</a>
196
+
197
+ </li>
198
+
199
+ <li class="nav-item dropdown dropright">
200
+
201
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">マニュアル</a>
202
+
203
+ <div class="dropdown-menu" aria-labelledby="navbarDropdown">
204
+
205
+ <a class="dropdown-item" href="#tab-2-1"data-toggle="tab" >baz</a>
206
+
207
+ </div>
208
+
209
+ </li>
210
+
211
+ </ul>
212
+
213
+ </div>
214
+
215
+ <!-- 残り9列はコンテンツ表示部分として使う -->
216
+
217
+ <div class="col-sm-9">
218
+
219
+ <div class="tab-content">
220
+
221
+ <div id="tab-1-1" class="tab-pane fade">
222
+
223
+ <object data="hoge.pdf" type="application/pdf"width="900" height="700" ></object>
224
+
225
+ </div>
226
+
227
+ <div id="tab-2-1" class="tab-pane fade">
228
+
229
+ <object data="baz.pdf" type="application/pdf"width="900" height="700" ></object>
230
+
231
+ </div>
232
+
233
+ </div>
234
+
235
+ </div>
236
+
237
+ </div>
238
+
239
+ </div>
240
+
241
+
242
+
243
+ <script src="js/jquery-3.4.1.min.js"></script>
244
+
245
+ <script src="js/popper.min.js"></script>
246
+
247
+ <script src="js/bootstrap.min.js"></script>
248
+
249
+
250
+
251
+ </body>
252
+
253
+ </html>
254
+
135
255
 
136
256
 
137
257
  ### 補足情報(FW/ツールのバージョンなど)