質問編集履歴

2

説明の改善

2019/11/22 01:49

投稿

sn.jr
sn.jr

スコア53

test CHANGED
File without changes
test CHANGED
@@ -2,11 +2,11 @@
2
2
 
3
3
 
4
4
 
5
- 現在bootstrapを用いて自己紹介入力フォームを作っているのですがbootstrapのフォームはhtmlで書かれたものなのでそれをrubyで書いたフォームにbootstrapを反映させたいのですがうまくいきません。
5
+ 現在bootstrapを用いて自己紹介入力フォームを作っているのですが、rubyで書いたフォームにbootstrapを反映させたいのですがうまくいきません。
6
6
 
7
7
 
8
8
 
9
- bootstrapで書いたもの↓
9
+ bootstrapのexampleに乗っていたものをベースにhtmlで書いたもの↓
10
10
 
11
11
 
12
12
 
@@ -84,6 +84,10 @@
84
84
 
85
85
  rubyで書いたフォームのclass名をbootstrapのものにしたりしましたが、フォームの枠が二重になったりとうまくいきませんでした。
86
86
 
87
+ 2つのパターンを試しました。divをboostrapのクラスでした場合フォームの枠が二重になってしまいました。
88
+
89
+
90
+
87
91
 
88
92
 
89
93
  ```
@@ -98,7 +102,9 @@
98
102
 
99
103
  <% end %>
100
104
 
105
+ ```
101
106
 
107
+ ```
102
108
 
103
109
  <%= form_with model: User.first do |form| %>
104
110
 

1

ファイルを追加

2019/11/22 01:49

投稿

sn.jr
sn.jr

スコア53

test CHANGED
File without changes
test CHANGED
@@ -86,6 +86,34 @@
86
86
 
87
87
 
88
88
 
89
+ ```
90
+
91
+ <%= form_with model: User.first do |form| %>
92
+
93
+ <div class="form-group col-md-2">
94
+
95
+ <%= form.text_field :title %>
96
+
97
+ </div>
98
+
99
+ <% end %>
100
+
101
+
102
+
103
+ <%= form_with model: User.first do |form| %>
104
+
105
+
106
+
107
+ <%= form.text_field :title class="form-control"%>
108
+
109
+
110
+
111
+ <% end %>
112
+
113
+ ```
114
+
115
+
116
+
89
117
  ### 補足情報(FW/ツールのバージョンなど)
90
118
 
91
119