0
有人可以帮我弄清楚我的移动版本的页面发生了什么?我正在从getbootstrap.com修改仪表板示例。我想修改其中一个主行的移动版本,以显示每行三个div。Bootstrap col-xs- *无法正常工作
<div class="row placeholders">
<div class="col-xs-4 col-sm-2 placeholder">
<div class="circleText">3</div>
<h4>Active Users</h4>
<span class="text-muted">Total Active Users</span>
</div>
<div class="col-xs-4 col-sm-2 placeholder">
<div class="circleText">3</div>
<h4>Items</h4>
<span class="text-muted">Items in Database</span>
</div>
<div class="col-xs-4 col-sm-2 placeholder">
<div class="circleText">3</div>
<h4>Label</h4>
<span class="text-muted">Something else</span>
</div>
<div class="col-xs-4 col-sm-2 placeholder">
<div class="circleText">3</div>
<h4>Label</h4>
<span class="text-muted">Something else</span>
</div>
<div class="col-xs-4 col-sm-2 placeholder">
<div class="circleText">3</div>
<h4>Label</h4>
<span class="text-muted">Something else</span>
</div>
<div class="col-xs-4 col-sm-2 placeholder">
<div class="circleText">3</div>
<h4>Label</h4>
<span class="text-muted">Something else</span>
</div>
</div>
的col-xs
通常是在模板col-xs-6
,共四列的,当你在移动浏览这会增加24所以,它显示了两个各行(自24被分成两行12)。 奇怪的部分是,我已将它改为col-xs-4
,总共六列,我想在移动设备上显示为两行三列。但是当我在移动设备上查看时,第一行是3,但第二行的第一列自己被推到第三行。这是为什么发生?