problema allineamento in percentuale

[pegaso22]

Ciao a tutti,
non capisco perchè se imposto un div al 25% e ne affianco 4 il 4° va a capo.
Sono ore che sto cercando una soluzione ma non la trovo.

ecco un codice semplicissimo

<div class="col-xs-12 col-sm-12 col-md-12" style="background-color: #F5F5F5;">
   <div class="col-sm-2 col-md-2" style="margin:0; padding:0;"></div>
   <div class="col-xs-12 col-sm-8 col-md-8" style="margin:0; padding:0;">
      <div class="sottohome">
         a
      </div>
      <div class="sottohome">
         b
      </div>
      <div class="sottohome">
         c
      </div>
      <div class="sottohome">
         d
      </div>
   </div>
   <div class="col-sm-2 col-md-2" style="margin:0; padding:0;"></div>
</div>

    .sottohome {
    width: 25%;
    display: inline-block;
    background-color: #ff0000;
    padding: 0px;
    border: 0px;
    margin: 0px;
    }

che c'è che non va?
E' normale che al 25% non affianchi i 4 div?

Fatemi sapere, grazie mille.