首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >引导3&少语义列排序

引导3&少语义列排序
EN

Stack Overflow用户
提问于 2014-03-18 17:29:26
回答 1查看 1.2K关注 0票数 3

在Bootstrap 3中,我能够完成以下操作(用于语义标记):

代码语言:javascript
运行
复制
.div1 {
    .make-xs-column(12);
}
.div2 {
    .make-xs-column(12);
}

示例HTML:

代码语言:javascript
运行
复制
<div class="div1">
    <!-- Stuff Goes Here -->
</div>
<div class="div2">
    <!-- More Stuff Goes Here -->
</div>

在内联类定义中,我可以通过以下操作更改div1和div2的顺序:

代码语言:javascript
运行
复制
<div class="div1 col-xs-push-12">
</div>
<div class="div2 col-xs-pull-12">
</div>

是否有可能用较少的混合器改变列的顺序?还是该功能目前不可用?做这样的事是不是很好的做法?

代码语言:javascript
运行
复制
.div1 {
    .make-xs-column(12);
    .col-sm-push-12;
}
.div2 {
    .make-xs-column(12);
    .col-sm-pull-12;
}

编辑:,我想问的是xs列,而不是sm。我是否应该拉动和推动sm+设备,并颠倒我的标记顺序?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-03-18 17:43:19

这是与.make-*-column()相同的故事,即 .make-*-column-offset .make-*-column-push.make-*-column-pull mixins。

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

https://stackoverflow.com/questions/22486715

复制
相关文章

相似问题

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