Bootstrap Grid - Square Tiles with same horizontal/vertical gap

Question

I\'m trying to create a Grid of Tiles with Bootstrap with the following properties:

• all tiles should be squares
• horizontal and vertical gaps should be

Answer 1

try below code

       

           

               

           
           

               

           
           

               

           
           

               

           
           

               

           
           

               

           
       
         

           

               

           
           

               

           
           

               

           
           

               

           
           

               

           
           

               

           
       

    




    body{
        background: lightblue;
    }
    .container{
        margin-top: 20px;
    }
    .box{
        height: 100px;
        background: #fff;
        border-radius: 5px;
        margin-bottom: 10px;
        max-width: 100px;
    }