質問編集履歴
5
試したこと追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -138,7 +138,7 @@
|
|
138
138
|
|
139
139
|
### 試したこと
|
140
140
|
|
141
|
-
<p class="text-center></p>も効かず、親要素と思われる<div>にtext-align:center;
|
141
|
+
<p class="text-center"></p>も効かず、親要素と思われる<div>にtext-align:center;
|
142
142
|
|
143
143
|
を付けましたがびくともしません。
|
144
144
|
|
@@ -150,6 +150,40 @@
|
|
150
150
|
|
151
151
|
### 補足情報(FW/ツールのバージョンなど)
|
152
152
|
|
153
|
+
bootstrapのボタンのデフォル設定がいけないっぽいです。
|
154
|
+
|
155
|
+
cromeの開発者ツールで見たところ、
|
156
|
+
|
157
|
+
.button {
|
158
|
+
|
159
|
+
float: left;
|
160
|
+
|
161
|
+
margin: 0;
|
162
|
+
|
163
|
+
}
|
164
|
+
|
165
|
+
.center-block {
|
166
|
+
|
167
|
+
display: block;
|
168
|
+
|
169
|
+
}
|
170
|
+
|
171
|
+
.btn-success {
|
172
|
+
|
173
|
+
color: #fff;
|
174
|
+
|
175
|
+
background-color: #5cb85c;
|
176
|
+
|
177
|
+
border-color: #4cae4c;
|
178
|
+
|
179
|
+
}
|
180
|
+
|
181
|
+
になっていました。
|
182
|
+
|
183
|
+
勝手に左寄せにされています。
|
184
|
+
|
185
|
+
しかし、float:leftを消したところで変わりませんでした…。
|
186
|
+
|
153
187
|
|
154
188
|
|
155
189
|
初心者で至らない点があると思いますがよろしくお願いします。
|
4
css修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -124,6 +124,14 @@
|
|
124
124
|
|
125
125
|
}
|
126
126
|
|
127
|
+
|
128
|
+
|
129
|
+
.ssss{
|
130
|
+
|
131
|
+
text-align:center;
|
132
|
+
|
133
|
+
}
|
134
|
+
|
127
135
|
```
|
128
136
|
|
129
137
|
|
3
コード修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -18,7 +18,7 @@
|
|
18
18
|
|
19
19
|
```HTML
|
20
20
|
|
21
|
-
|
21
|
+
<div class="panel panel-default">
|
22
22
|
|
23
23
|
<div class="panel-heading">
|
24
24
|
|
@@ -30,7 +30,7 @@
|
|
30
30
|
|
31
31
|
<div class="notice_setting">
|
32
32
|
|
33
|
-
<%= form_for(@user, url:{controller:'users', action:'notify_setting_update'})
|
33
|
+
<%= form_for(@user, url:{controller:'users', action:'notify_setting_update'}) do |f| %>
|
34
34
|
|
35
35
|
<%= f.fields_for :user_groups, @user.user_groups.where(team_id: @current_team_id) do |ug| %>
|
36
36
|
|
2
コード修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -18,7 +18,7 @@
|
|
18
18
|
|
19
19
|
```HTML
|
20
20
|
|
21
|
-
<div class="panel panel-default">
|
21
|
+
<div class="panel panel-default">
|
22
22
|
|
23
23
|
<div class="panel-heading">
|
24
24
|
|
@@ -30,13 +30,13 @@
|
|
30
30
|
|
31
31
|
<div class="notice_setting">
|
32
32
|
|
33
|
-
<%= form_for(@user, url:{controller:'users', action:'notify_setting_update'}) do |f| %>
|
33
|
+
<%= form_for(@user, url:{controller:'users', action:'notify_setting_update'}), do |f| %>
|
34
34
|
|
35
35
|
<%= f.fields_for :user_groups, @user.user_groups.where(team_id: @current_team_id) do |ug| %>
|
36
36
|
|
37
37
|
<% if ug.object.group.group_name != "共通" %>
|
38
38
|
|
39
|
-
|
39
|
+
|
40
40
|
|
41
41
|
<p class="text-center"><%= ug.label :グループ名: %><%= ug.object.group.group_name %></p>
|
42
42
|
|
@@ -90,21 +90,19 @@
|
|
90
90
|
|
91
91
|
<% else %>
|
92
92
|
|
93
|
-
<!--これがボタンです↓ -->
|
94
|
-
|
95
|
-
<%= f.submit "勤怠通知設定更新", class: "button btn btn-success center-block" %>
|
93
|
+
<div class="ssss"> <%= f.submit "勤怠通知設定更新", class: "button btn btn-success center-block" %></div>
|
96
94
|
|
97
95
|
<% end %>
|
98
96
|
|
99
97
|
<% end %>
|
100
98
|
|
101
|
-
</div>
|
102
99
|
|
103
|
-
</div>
|
104
100
|
|
105
|
-
|
101
|
+
</div>
|
106
102
|
|
107
|
-
|
103
|
+
</div>
|
104
|
+
|
105
|
+
</div>
|
108
106
|
|
109
107
|
```
|
110
108
|
|
1
画像追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,6 +1,10 @@
|
|
1
1
|
### 前提・実現したいこと
|
2
2
|
|
3
3
|
railsのerbとhtml,cssでフォームの見た目を作っていたのですが、ボタン要素だけ中央揃えになりません。
|
4
|
+
|
5
|
+
現在、画像のような状態になっています。ボタンも中央揃えしたいです。
|
6
|
+
|
7
|
+
![イメージ説明](6b2a888cb423c295169057342ffb8233.png)
|
4
8
|
|
5
9
|
|
6
10
|
|