Bootstrap columns slide down at the same dimension. Why?

Question

css

Good afternoon. There is a block on the bootstrap of the following form:

<div class="container view">	
      <div class="row">
        <div class="block-01-benefits">
          <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12">
            <div class="row">
              <div class="col-lg-2 col-md-4 col-xs-4 col-sm-4">
                <div class="bright">
                  <img src="https://site.com/images/icons/new/fx-pairs.png" class="img-responsive head-ic">
                  <p>90+ Fx pairs</p>
                </div>	
              </div>
              
              <div class="col-lg-2 col-md-4 col-xs-4 col-sm-4">
                <div class="bright">
                  <img src="https://site.com/images/icons/new/fx-pairs.png" class="img-responsive head-ic">
                  <p>35+ Stocks</p>
                </div>	
              </div>

              <div class="col-lg-2 col-md-4 col-xs-4 col-sm-4">
                <div class="bright">
                  <img src="https://site.com/images/icons/new/fx-pairs.png" class="img-responsive head-ic">
                  <p>18+ Metals</p>
                </div>	
              </div>	

              <div class="col-lg-2 col-md-4 col-xs-4 col-sm-4">
                <div class="bright">
                  <img src=src="https://site.com/images/icons/new/fx-pairs.png" class="img-responsive head-ic">
                  <p>47+ CFDs</p>
                </div>	
              </div>	
              
              <div class="col-lg-2 col-md-4 col-xs-4 col-sm-4">
                <div class="bright">
                  <img src="https://site.com/images/icons/new/fx-pairs.png" class="img-responsive head-ic">
                  <p>40+ Indices</p>
                </div>	
              </div>	
              
              <div class="col-lg-2 col-md-4 col-xs-4 col-sm-4">
                <div class="bright">
                  <img src="https://site.com/images/icons/new/fx-pairs.png" class="img-responsive head-ic">
                  <p>24+ Crypto</p>
                </div>	
              </div>	
  
            </div>	
          </div>	
        </div>	
      </div>
    </div>

Those. the columns are all even, everything should be displayed evenly, there are no additional margins for the elements inside .col. BUT. For some reason, at a certain screen width, some columns move down to the next line, as if they do not have enough space in the line. To begin with, I will demonstrate how everything looks (almost at any screen extension, everything is OK, but in some ranges of width, the columns move down a line)
So, the big screen looks like this, everything is fine here:

Medium screen, everything is fine here:

Small screen, everything is fine here:

Also a small screen, but at such a width the column moves

out: Please tell me, why is this happening and how to fix it?

Answer 1

Probably because of the text wrapping in the block above