質問編集履歴

2

改善

2018/11/12 11:42

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -114,7 +114,7 @@
114
114
 
115
115
  <br>
116
116
 
117
- <%= link_to "QAAAMUについて", home_index_path, class:"btn" %>
117
+ <%= link_to "サイトについて", home_index_path, class:"btn" %>
118
118
 
119
119
  </div>
120
120
 

1

書式の改善

2018/11/12 11:42

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -45,3 +45,91 @@
45
45
  これは左右の余白が取れませんでした。
46
46
 
47
47
  どうしたら良いでしょうか?
48
+
49
+
50
+
51
+ 質問投稿後に追記しました
52
+
53
+ ---
54
+
55
+ container-fluidで試してみました。
56
+
57
+ ```ここに言語を入力
58
+
59
+ <title><%= full_title(yield(:title)) %></title>
60
+
61
+ <div class="container-fluid">
62
+
63
+ <div class="row">
64
+
65
+ <div class="col-xs-7">
66
+
67
+ <h2>col-xs-7</h2>
68
+
69
+ </div>
70
+
71
+ <div class="col-xs-5">
72
+
73
+ <h2>col-xs-5</h2>
74
+
75
+ <div class="form-inline aba">
76
+
77
+ <%= form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
78
+
79
+ <div class="form-group aaa">
80
+
81
+ <%= f.email_field :email, autofocus: true,
82
+
83
+ :class => "form-control my-form session-form",
84
+
85
+ :placeholder => "メールアドレス" %>
86
+
87
+ </div>
88
+
89
+ <div class="form-group aaa">
90
+
91
+ <%= f.password_field :password, autocomplete: "off",
92
+
93
+ :class => "form-control my-form session-form",
94
+
95
+ :placeholder => "パスワード" %>
96
+
97
+ </div>
98
+
99
+ <div class="form-group aaa">
100
+
101
+ <div class="actions">
102
+
103
+ <%= f.submit "ログイン", :class => "btn btn-primary session" %>
104
+
105
+ </div>
106
+
107
+ </div>
108
+
109
+ <% end %>
110
+
111
+ </div>
112
+
113
+ <%= link_to "アカウント登録", new_user_registration_path, class:"btn" %>
114
+
115
+ <br>
116
+
117
+ <%= link_to "QAAAMUについて", home_index_path, class:"btn" %>
118
+
119
+ </div>
120
+
121
+ </div>
122
+
123
+ </div>
124
+
125
+ ```
126
+
127
+ ![イメージ説明](78eab9f22f06f4c9cea1e00ab6ba25ea.png)
128
+
129
+ と言う感じになります。container-fluidの色は紫になります。
130
+
131
+ ヘッダー部分は全画面になっていますが、col部分の余白はなくなりませんでした。
132
+
133
+
134
+
135
+ やりたいこととしてはcolを画面いっぱいに使用したいということなので、col自体にwidth:100%を使用してみましたがダメでした。