![html - How do I display first four records with col-12 and reset records will display in something like col-8(col-6 and col-6) - Stack Overflow html - How do I display first four records with col-12 and reset records will display in something like col-8(col-6 and col-6) - Stack Overflow](https://i.stack.imgur.com/UuaXm.png)
html - How do I display first four records with col-12 and reset records will display in something like col-8(col-6 and col-6) - Stack Overflow
![Design responsive layout system using only 40 lines —Know how to implement col-sm-12 and col-md-6 | by realdennis | Medium Design responsive layout system using only 40 lines —Know how to implement col-sm-12 and col-md-6 | by realdennis | Medium](https://miro.medium.com/max/3500/0*8wr2Xy_kUENxpEl9.png)
Design responsive layout system using only 40 lines —Know how to implement col-sm-12 and col-md-6 | by realdennis | Medium
![Design responsive layout system using only 40 lines —Know how to implement col-sm-12 and col-md-6 | by realdennis | Medium Design responsive layout system using only 40 lines —Know how to implement col-sm-12 and col-md-6 | by realdennis | Medium](https://pbs.twimg.com/ext_tw_video_thumb/1115805542495088641/pu/img/pAcTB6mk6LxQz4nD.jpg)
Design responsive layout system using only 40 lines —Know how to implement col-sm-12 and col-md-6 | by realdennis | Medium
![html - How do I display first four records with col-12 and reset records will display in something like col-8(col-6 and col-6) - Stack Overflow html - How do I display first four records with col-12 and reset records will display in something like col-8(col-6 and col-6) - Stack Overflow](https://i.stack.imgur.com/NEqLv.png)
html - How do I display first four records with col-12 and reset records will display in something like col-8(col-6 and col-6) - Stack Overflow
![Design responsive layout system using only 40 lines —Know how to implement col-sm-12 and col-md-6 | by realdennis | Medium Design responsive layout system using only 40 lines —Know how to implement col-sm-12 and col-md-6 | by realdennis | Medium](https://miro.medium.com/max/1400/0*rpNFatZEYjxYZKiU.png)