我的专栏有点问题。我应该有5列用于md和更大的设备,4列用于sm,3列用于xs。问题是,在大屏幕上,我所有的列都在屏幕的左边。我一直在检查我的代码,但无法找到为什么会出现这种情况。
现在是这样的:

本质上,我希望它是这样的,最好以每一列为中心(而不是彼此堆叠的词):

发布于 2017-03-23 09:20:46
我不知道您的代码是什么,但我会这样写:注意:如果您想要将列除以偶数,则需要进行12的除法。5除非两边都有偏移量,否则连列都不能真正工作。
<div class="container-fluid">
<div class="row">
<div class="col-md-offset-1 col-md-2 col-sm-3 col-xs-4">Blue Box</div>
<div class="col-md-offset-1 col-md-2 col-sm-3 col-xs-4">Blue Box</div>
<div class="col-md-offset-1 col-md-2 col-sm-3 col-xs-4">Blue Box</div>
<div class="col-md-offset-1 col-md-2 col-sm-3 col-xs-4">Blue Box</div>
<div class="col-md-offset-1 col-md-2 col-sm-3 col-xs-4">Blue Box</div>
</div>
</div>我希望这能回答你的问题,如果你还有什么需要我补充或澄清的话,请告诉我。
https://stackoverflow.com/questions/42971582
复制相似问题