質問編集履歴
6
画像追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -73,3 +73,7 @@
|
|
|
73
73
|
|
|
74
74
|
|
|
75
75
|
これとは別にcustom.css.scssというファイルでcssを調整しているのですが、エラーメッセージ時のレイアウトが安定しません。通常時は大丈夫なのですが、なぜこのような現象になってしまうのでしょうか。今のところcssでエラーメッセージ時のレイアウトは調整してないのでbootstrapのクラス名に何かがおかしいのかなと思うのですが
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
|
|
79
|
+
修正後の通常時
|
5
画像貼り付け修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -68,8 +68,8 @@
|
|
|
68
68
|
|
|
69
69
|
コード
|
|
70
70
|
|
|
71
|
-
```
|
|
72
72
|
|
|
73
|
-
|
|
74
74
|
|
|
75
75
|
これとは別にcustom.css.scssというファイルでcssを調整しているのですが、エラーメッセージ時のレイアウトが安定しません。通常時は大丈夫なのですが、なぜこのような現象になってしまうのでしょうか。今のところcssでエラーメッセージ時のレイアウトは調整してないのでbootstrapのクラス名に何かがおかしいのかなと思うのですが
|
4
画像貼り付け
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -70,4 +70,6 @@
|
|
|
70
70
|
|
|
71
71
|
```](5964b6be5f4b00b7d5bfbeada0589f37.png)
|
|
72
72
|
|
|
73
|
+
|
|
74
|
+
|
|
73
75
|
これとは別にcustom.css.scssというファイルでcssを調整しているのですが、エラーメッセージ時のレイアウトが安定しません。通常時は大丈夫なのですが、なぜこのような現象になってしまうのでしょうか。今のところcssでエラーメッセージ時のレイアウトは調整してないのでbootstrapのクラス名に何かがおかしいのかなと思うのですが
|
3
画像貼り付け
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -68,6 +68,6 @@
|
|
|
68
68
|
|
|
69
69
|
コード
|
|
70
70
|
|
|
71
|
-
```[エラーメッセージ
|
|
71
|
+
```](5964b6be5f4b00b7d5bfbeada0589f37.png)
|
|
72
72
|
|
|
73
73
|
これとは別にcustom.css.scssというファイルでcssを調整しているのですが、エラーメッセージ時のレイアウトが安定しません。通常時は大丈夫なのですが、なぜこのような現象になってしまうのでしょうか。今のところcssでエラーメッセージ時のレイアウトは調整してないのでbootstrapのクラス名に何かがおかしいのかなと思うのですが
|
2
文章の修正
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
deviseのエラーメッセージでbootstrapのレイアウトが崩れる
|
test
CHANGED
|
@@ -1 +1,73 @@
|
|
|
1
|
+
deviseのエラーメッセージが出るときにbootstrapで作成したレイアウトが崩れてしまいます。```
|
|
2
|
+
|
|
3
|
+
<h2>新規登録</h2>
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
<div class="row">
|
|
8
|
+
|
|
9
|
+
<div class="col-md-6 col-md-offset-3">
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
<%= form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %>
|
|
16
|
+
|
|
17
|
+
<%= devise_error_messages! %>
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
<div class="field">
|
|
22
|
+
|
|
23
|
+
<%= f.label :email %><br />
|
|
24
|
+
|
|
25
|
+
<%= f.email_field :email, autofocus: true %>
|
|
26
|
+
|
|
27
|
+
</div>
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
<div class="field">
|
|
32
|
+
|
|
33
|
+
<%= f.label :password %>
|
|
34
|
+
|
|
35
|
+
<% if @minimum_password_length %>
|
|
36
|
+
|
|
37
|
+
<em>(<%= @minimum_password_length %> characters minimum)</em>
|
|
38
|
+
|
|
39
|
+
<% end %><br />
|
|
40
|
+
|
|
41
|
+
<%= f.password_field :password, autocomplete: "off" %>
|
|
42
|
+
|
|
43
|
+
</div>
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
<div class="field">
|
|
48
|
+
|
|
49
|
+
<%= f.label :password_confirmation %><br />
|
|
50
|
+
|
|
51
|
+
<%= f.password_field :password_confirmation, autocomplete: "off" %>
|
|
52
|
+
|
|
53
|
+
</div>
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
|
|
57
|
+
<div class="actions">
|
|
58
|
+
|
|
59
|
+
<%= f.submit "Sign up",class: "btn btn-primary" %>
|
|
60
|
+
|
|
61
|
+
</div>
|
|
62
|
+
|
|
63
|
+
<% end %>
|
|
64
|
+
|
|
65
|
+
</div>
|
|
66
|
+
|
|
67
|
+
</div>
|
|
68
|
+
|
|
69
|
+
コード
|
|
70
|
+
|
|
71
|
+
```[エラーメッセージ時](06d99274403a3c0bcd5d372db6b885e5.png)
|
|
72
|
+
|
|
1
|
-
|
|
73
|
+
これとは別にcustom.css.scssというファイルでcssを調整しているのですが、エラーメッセージ時のレイアウトが安定しません。通常時は大丈夫なのですが、なぜこのような現象になってしまうのでしょうか。今のところcssでエラーメッセージ時のレイアウトは調整してないのでbootstrapのクラス名に何かがおかしいのかなと思うのですが
|
1
画像の貼り付け
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
gemでdeviseを使っているのですがフォーム送信時にエラーメッセージが出るときにフォーム入力画面の位置がずれてしまい困っています。bootstrapを使っているのですが、どうすれば改善できるでしょうか？
|
|
1
|
+
gemでdeviseを使っているのですがフォーム送信時にエラーメッセージが出るときにフォーム入力画面の位置がずれてしまい困っています。bootstrapを使っているのですが、どうすれば改善できるでしょうか？
|