I would like to use foreach loop through data and display this bootstrap data loading system having 3 columns per row, however I will need some rows for the amount of data, as shown below:
<div class="row"> <div class="col-md-4">*DATA HERE*</div> <div class="col-md-4">*DATA HERE*</div> <div class="col-md-4">*DATA HERE*</div> </div> <div class="row"> <div class="col-md-4">*DATA HERE*</div> <div class="col-md-4">*DATA HERE*</div> <div class="col-md-4">*DATA HERE*</div> </div> <div class="row"> <div class="col-md-4">*DATA HERE*</div> <div class="col-md-4">*DATA HERE*</div> <div class="col-md-4">*DATA HERE*</div> </div>
Can anyone advise how to do this using foreach in rails, it is obvious that only class 1.row will be displayed below and put all the col-md-4 elements returned into it. I would like for him to create another .row class after it has reached 3 elements in a row and will start again. Hope this makes sense! What I still have:
<div class="row"> <% @work.each do |w| %> <div class="col-md-6"> <%= w.image_url %> </div> <% end %> </div>
ruby foreach ruby-on-rails twitter-bootstrap
drac
source share