首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >引导列动态

引导列动态
EN

Stack Overflow用户
提问于 2017-03-23 09:11:25
回答 1查看 5K关注 0票数 0

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

现在是这样的:

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

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-03-23 09:20:46

我不知道您的代码是什么,但我会这样写:注意:如果您想要将列除以偶数,则需要进行12的除法。5除非两边都有偏移量,否则连列都不能真正工作。

代码语言:javascript
运行
复制
<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>

我希望这能回答你的问题,如果你还有什么需要我补充或澄清的话,请告诉我。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42971582

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档