A Repeater Control can be made responsive using the Bootstrap Grid system.
Apply the row class to the Repeater Control and the col-{bp}-{0|1|2|…|12} class to the Repeater Row Control.
row
col-{bp}-{0|1|2|…|12}
Create a Form and add a Table called myTable.
Add a Before Form Script to the Form with the following code:
// insert 6 empty rows for(var i = 0; i < 6; i++){ tables.myTable.insertRow(); }
Add a Repeater Control using myTable.
Set the layout property of the Repeater Control to none and add the class row.
Add all of the following Bootstrap column classes to the Repeater Row Control: col-12, col-sm-6, col-md-4, col-lg
col-12, col-sm-6, col-md-4, col-lg
Add a Panel Control to the Repeater Row Control with class bg-dark.
bg-dark
Run the Form and observe the behaviour at different screen sizes.
Form and add a 
Table called myTable.
Script to the Form with the following code: