質問編集履歴

1

修正後のコードを追記しました。

2020/04/22 03:40

投稿

ckr
ckr

スコア23

test CHANGED
File without changes
test CHANGED
@@ -53,3 +53,75 @@
53
53
  ```
54
54
 
55
55
  posts.scssは作成しておりますが、現時点で一切コードは書いておりません。
56
+
57
+
58
+
59
+ ※追記
60
+
61
+ ```posts/index.html.erb(col-mb-3をcol-md-4に修正後)
62
+
63
+ <%= search_form_for @search, url: posts_path do |f| %>
64
+
65
+ <div class="form-group">
66
+
67
+ <%= f.label :title_or_contents_cont, 'エージェントを検索しよう' %>
68
+
69
+ <%= f.search_field :title_or_contents_cont,class:"form-control"%>
70
+
71
+ </div>
72
+
73
+ <div class="actions"><%= f.submit '検索' %></div>
74
+
75
+ <% end %>
76
+
77
+
78
+
79
+
80
+
81
+  
82
+
83
+
84
+
85
+ <div class="container">
86
+
87
+ <div class="row">
88
+
89
+ <% @posts.each do |post| %>
90
+
91
+ <div class="col-md-4">
92
+
93
+
94
+
95
+ <div class="card">
96
+
97
+
98
+
99
+ <%#img class="card-img-top" src="images/notepc-wp.jpeg" alt="ライトコースのイメージ画像"%>
100
+
101
+ <div class="card-body text-center">
102
+
103
+ <h4 class="card-title"><%=post.title %></h4>
104
+
105
+ <p class="card-text"><%=post.contents %></p>
106
+
107
+ <a href="#" class="btn btn-primary">詳細を見る</a>
108
+
109
+ </div>
110
+
111
+ </div>
112
+
113
+ </div>
114
+
115
+ </div>
116
+
117
+ </div>
118
+
119
+
120
+
121
+ <%end%>
122
+
123
+
124
+
125
+ ```
126
+
127
+ ![イメージ説明](d95c056b5a0149d7d2848b7401286adb.png)