Add bootstrap row class on every n views rows

Question

I am using Drupal Bootstrap and to get the correct positioning I am using bootstrap rows and columns classes.

How do I render a bootstrap row class on every let's say 3 view rows (bootstrap columns)? The structure must be like this

<div class="row">
  <div class="views-row col-md-4"></div>
  <div class="views-row col-md-4"></div>
  <div class="views-row col-md-4"></div>
</div>
<div class="row">
  <div class="views-row col-md-4"></div>
  <div class="views-row col-md-4"></div>
  <div class="views-row col-md-4"></div>
</div>

Answer 1

Use views bootstrap module, in views format style chose Bootstrap Grid it will solve your problem.

Answer 2

You add class in Unformatted list formate .

and your class show like this

Answer 3

You can use this. Set number of columns 3 and apply custom row and column class