在Bootstrap 3中,我能够完成以下操作(用于语义标记):
.div1 {
.make-xs-column(12);
}
.div2 {
.make-xs-column(12);
}
示例HTML:
<div class="div1">
<!-- Stuff Goes Here -->
</div>
<div class="div2">
<!-- More Stuff Goes Here -->
</div>
在内联类定义中,我可以通过以下操作更改div1和div2的顺序:
<div class="div1 col-xs-push-12">
</div>
<div class="div2 col-xs-pull-12">
</div>
是否有可能用较少的混合器改变列的顺序?还是该功能目前不可用?做这样的事是不是很好的做法?
.div1 {
.make-xs-column(12);
.col-sm-push-12;
}
.div2 {
.make-xs-column(12);
.col-sm-pull-12;
}
编辑:,我想问的是xs列,而不是sm。我是否应该拉动和推动sm+设备,并颠倒我的标记顺序?
发布于 2014-03-18 17:43:19
这是与.make-*-column()
相同的故事,即有 .make-*-column-offset
.make-*-column-push
和.make-*-column-pull
mixins。
https://stackoverflow.com/questions/22486715
复制相似问题