手機上的Bootstrap Grid

Question

網格系統在移動設備上不起作用：.col-xs-3在全屏上運行，col-xs-3像col-xs-12一樣工作，有什么想法嗎？

 <div class="container"> <div class="row"> <div class="col-md-1 col-xs-3"> <a href="#"> <img src="/.." /> </a> </div> <div class="col-md-1 col-xs-3"> <a href="#"> <img src="/.." /> </a> </div> <div class="col-md-1 col-xs-3"> <a href="#"> <img src="/.." /> </a> </div> ... </div> </div> 

Answer 1

1）如果您使用的引導程序版本是4，則在引導程序4中沒有xs斷點。 相反，xs斷點是默認斷點，對於其他斷點，必須使用斷點。 因此，例如，如果您想在移動設備上使用3，在md及以上版本上使用1，則必須說

col-3 col-md-1

2）請確保所需的元標記位於代碼的頭部，即

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

Answer 2

您確定引導程序已鏈接並且您在移動設備上使用chrome嗎？