How to form 3X3 grid dynamically in CSS bootstrap?

I want to place 8 checkboxes into 3X3 grid. Checkboxes are visible only on certain conditions and so I need to fill grid dynamically. How it can be done with CSS and bootstrap? Checkboxes to be put in grid from top to bottom and left to right. I don't want any space in grid if checkbox is not visible.

Continue reading...