Bootstrap在手機上隱藏了一些colls

-1

我想在桌面上顯示所有cols（5）在手機上只有3.它可以用standart bootstrap類嗎？Bootstrap在手機上隱藏了一些colls

<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>

來源

2015-10-20 Wizard

查看「hidden-xs」和「visible- *」的用法（其中*用您希望的大小（xs， sm，md或lg）） –

Possib le複製[在小設備上的Twitter引導隱藏元素]（http://stackoverflow.com/questions/19659726/twitter-bootstrap-hide-element-on-small-devices） – pbenard

是的，你可以通過隱藏-XS類做：請檢查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>

它會隱藏在小最後兩列，移動設備如果您想讓它在小設備上可見，您可以刪除hidden-sm

來源

2015-10-20 13:48:48

Bootstrap在手機上隱藏了一些colls

回答

相關問題