質問編集履歴

1

追加

2020/05/10 09:02

投稿

sshino
sshino

スコア16

test CHANGED
File without changes
test CHANGED
@@ -9,3 +9,99 @@
9
9
  フォームとボタンのpaddingの幅の判定が異なっているため、見た目が揃いません。
10
10
 
11
11
  解決策はないでしょうか?
12
+
13
+
14
+
15
+ ちなみにBootstrap4を使いp-0をaタグを囲ったdivタグに記入してもなおりませんでした。
16
+
17
+
18
+
19
+ ```HTML
20
+
21
+ <div class="container mx-auto">
22
+
23
+ <div class="row">
24
+
25
+ <div class="col-md-12 p-0">
26
+
27
+ <!-- <p>東京</p> -->
28
+
29
+ <input type="text" class="form-control mb-2" placeholder="ロケーション" value="東京">
30
+
31
+ </div>
32
+
33
+ <div class="col-md-7 p-0">
34
+
35
+ <!-- <p>まるまる貸切</p> -->
36
+
37
+ <select class="custom-select custom-select mb-2">
38
+
39
+ <option selected>まるまる貸切</option>
40
+
41
+ <option value="1">個室</option>
42
+
43
+ <option value="2">シェアルーム</option>
44
+
45
+ </select>
46
+
47
+ </div>
48
+
49
+ <div class="col-md-5 p-0">
50
+
51
+ <!-- <p>ゲスト4人</p> -->
52
+
53
+ <select class="custom-select custom-select mb-2">
54
+
55
+ <option value="1">ゲスト1人</option>
56
+
57
+ <option value="2">ゲスト2人</option>
58
+
59
+ <option value="3">ゲスト3人</option>
60
+
61
+ <option selected>ゲスト4人</option>
62
+
63
+ <option value="5">ゲスト5人</option>
64
+
65
+ <option value="6">ゲスト6人</option>
66
+
67
+ <option value="7">ゲスト7人</option>
68
+
69
+ <option value="8">ゲスト8人</option>
70
+
71
+ <option value="9">ゲスト9人</option>
72
+
73
+ <option value="10">ゲスト10人</option>
74
+
75
+ <option value="11">ゲスト11人</option>
76
+
77
+ <option value="12">ゲスト12人</option>
78
+
79
+ <option value="13">ゲスト13人</option>
80
+
81
+ <option value="14">ゲスト14人</option>
82
+
83
+ <option value="15">ゲスト15人</option>
84
+
85
+ <option value="16">ゲスト16人</option>
86
+
87
+ </select>
88
+
89
+ </div>
90
+
91
+ </div>
92
+
93
+ </div>
94
+
95
+ <div class="col-12">
96
+
97
+ <a href="" class="btn btn-danger btn-block btn-lg mt-3">はじめる</a>
98
+
99
+ </div>
100
+
101
+ </div>
102
+
103
+ </div>
104
+
105
+ </div>
106
+
107
+ ```