Bootstrap hide some colls на мобильном телефоне

Question

Я хочу, чтобы на рабочем столе отображались все cols (5) только на мобильных телефонах 3. Возможно ли это с помощью стандартных классов начальной загрузки?

<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> 
     <div class=" col-lg-2 col-md-2 col-centered " style="text-align: center; margin-right: 10px; overflow: hidden"> 
      <a href=""> 
      <img src="http://192.168.0.185/image/cache/data/pigu_final-100x100.png" alt=""> 
      </a> 
     </div> 
     <div class=" col-lg-2 col-md-2 col-centered " style="text-align: center; margin-right: 10px; overflow: hidden"> 
      <a href=""> 
      <img src="http://192.168.0.185/image/cache/data/gelezinis_final1-100x100.png" alt=""> 
      </a> 
     </div> 
     <div class=" col-lg-2 col-md-2 col-centered " style="text-align: center; margin-right: 10px; overflow: hidden"> 
      <a href=""> 
      <img src="http://192.168.0.185/image/cache/data/teo_final-100x100.png" alt=""> 
      </a> 
     </div> 
     <div class=" col-lg-2 col-md-2 col-centered " style="text-align: center; margin-right: 10px; overflow: hidden"> 
      <a href=""> 
      <img src="http://192.168.0.185/image/cache/data/teo_final-100x100.png" alt=""> 
      </a> 
     </div> 
     <div class=" col-lg-2 col-md-2 col-centered " style="text-align: center; margin-right: 10px; overflow: hidden"> 
      <a href=""> 
      <img src="http://192.168.0.185/image/cache/data/teo_final-100x100.png" alt=""> 
      </a> 
     </div> 
    </div> 

Answer 1

Да, вы можете сделать скрытом-хз класса: Пожалуйста, проверьте codepen для этого: codepen.io/anon/pen/JYMNvj

<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> 
     <div class=" col-lg-2 col-md-2 col-centered " style="text-align: center; margin-right: 10px; overflow: hidden"> 
      <a href=""> 
      <img src="http://192.168.0.185/image/cache/data/pigu_final-100x100.png" alt=""> 
      </a> 
     </div> 
     <div class=" col-lg-2 col-md-2 col-centered " style="text-align: center; margin-right: 10px; overflow: hidden"> 
      <a href=""> 
      <img src="http://192.168.0.185/image/cache/data/gelezinis_final1-100x100.png" alt=""> 
      </a> 
     </div> 
     <div class=" col-lg-2 col-md-2 col-centered " style="text-align: center; margin-right: 10px; overflow: hidden"> 
      <a href=""> 
      <img src="http://192.168.0.185/image/cache/data/teo_final-100x100.png" alt=""> 
      </a> 
     </div> 
     <div class=" col-lg-2 col-md-2 hidden-sm hidden-xs col-centered " style="text-align: center; margin-right: 10px; overflow: hidden"> 
      <a href=""> 
      <img src="http://192.168.0.185/image/cache/data/teo_final-100x100.png" alt=""> 
      </a> 
     </div> 
     <div class=" col-lg-2 col-md-2 hidden-sm hidden-xs col-centered " style="text-align: center; margin-right: 10px; overflow: hidden"> 
      <a href=""> 
      <img src="http://192.168.0.185/image/cache/data/teo_final-100x100.png" alt=""> 
      </a> 
     </div> 
    </div> 

Это скроет последние два столбца на малых и мобильное устройство Вы можете удалить скрытый sm, если хотите сделать его видимым на маленьком устройстве