<div class="row">
  <div class="col-xs-12 col-sm-4">Привет! Я блок, который будет занимать всю ширину родителя при разрешении экрана меньше 450 `px`, а на других экранах - треть ширины родителя!</div>
  <div class="col-xs-12 col-sm-4">Привет! Я блок, который будет занимать всю ширину родителя при разрешении экрана меньше 450 `px`, а на других экранах - треть ширины родителя!</div>
  <div class="col-xs-12 col-sm-4">Привет! Я блок, который будет занимать всю ширину родителя при разрешении экрана меньше 450 `px`, а на других экранах - треть ширины родителя!</div>
  <div class="col-xs-12 col-sm-4">Привет! Я блок, который будет занимать всю ширину родителя при разрешении экрана меньше 450 `px`, а на других экранах - треть ширины родителя!</div>
  <div class="col-xs-12 col-sm-4">Привет! Я блок, который будет занимать всю ширину родителя при разрешении экрана меньше 450 `px`, а на других экранах - треть ширины родителя!</div>
  <div class="col-xs-12 col-sm-4">Привет! Я блок, который будет занимать всю ширину родителя при разрешении экрана меньше 450 `px`, а на других экранах - треть ширины родителя!</div>
</div>

.col-sm-4 {
  float: left;
  width: 33.3%;
}
.row {
  float: left;
}
@media (max-width: 450px) {
  .col-xs-12 {
    width: 100%;
  }
}