質問編集履歴

5

試したこと追加

2020/04/28 09:05

投稿

chocolate_pie
chocolate_pie

スコア26

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修正

2020/04/28 09:05

投稿

chocolate_pie
chocolate_pie

スコア26

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

コード修正

2020/04/28 08:52

投稿

chocolate_pie
chocolate_pie

スコア26

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,7 +30,7 @@
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
 

2

コード修正

2020/04/28 08:49

投稿

chocolate_pie
chocolate_pie

スコア26

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
- <div class="notice_setting">
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
- </div>
101
+ </div>
106
102
 
107
- </div>
103
+ </div>
104
+
105
+ </div>
108
106
 
109
107
  ```
110
108
 

1

画像追加

2020/04/28 08:47

投稿

chocolate_pie
chocolate_pie

スコア26

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