How to scale and justify a variable number of icon images in Bootstrap?

Question

Bootstrap

There are icons of social networks. Their number is variable (may be less or more than on the screenshot)
There is a layout based on Bootstrap 3. It has an md4 column. Inside the column, you need to display all the icons in one line (preferably across the entire width of the column).
How to do it?

1. The standard img-responsive class for images will make them real (and oversized) if they are smaller than the block width (so they line up in a column).
   
2. Putting each image in a div with the md class (and counting the number of columns by the number of icons using php) is bad, because there is a lot of empty space between the icons. And how to align 5 or 7 icons on a bootstrap grid of 12 is quite difficult without crutches.
   

Answer 1

What's stopping you from assigning an additional class to the container with icons and aligning the icons by dancing from it?
The easiest way to align is with flex, or the grandfather method using text-align:justify + ::after with a width of 100%
UPD https://jsfiddle.net/DelphinPRO/eutqdqv1/