Rails의 bootstrap 홈 화면 축소판 그림 Partial
아이콘 이미지는 64pxicooon-mono를 사용합니다.
home.html.erb
<%= render 'home_thumbnail', thumbnails: [ { title: 'いつでも', image: 'clock.png', caption: 'いつでも' },
{ title: 'どこでも', image: 'place.png', caption: 'どこでも' },
{ title: '全員で', image: 'meeting.png', caption: '全員で' } ] %>
3개의 너비 지정 4_home_thumbnail.html.erb
<div class="container">
<div class="row">
<% thumbnails.each do |t| %>
<div class="col-md-4">
<div class="thumbnail">
<%= image_tag(t[:image], :alt => t[:image]) %>
<div class="caption">
<h3><%= t[:title] %></h3>
<p><%= t[:caption] %></p>
</div>
</div>
</div>
<% end %>
</div>
</div>
home.scss.thumbnail{
.caption {
text-align: center;
}
}
Reference
이 문제에 관하여(Rails의 bootstrap 홈 화면 축소판 그림 Partial), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/yushimizu/items/c5f6d6f8a02a52a85fa1텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)