在Bootstrap 3上的行排序/定位

时间:2013-11-05 17:16:56

标签: html css twitter-bootstrap twitter-bootstrap-3

我刚开始使用这个框架Bootstrap 3,我试图改变一行的顺序。

在css flexbox上,您可以通过添加顺序来更改flex对象的顺序:1,2和更多到不同的元素。

是否可以在bootstrap的行中执行此操作?

我有一个徽标图片,我想在移动网站上将它放在页面顶部, 在桌面网站中,它将位于顶部的几行之后。

2 个答案:

答案 0 :(得分:2)

我在Bootstrap中没有任何知识可以垂直地允许这种类型的更改。因此,您最好的选择可能是在您想要的位置复制徽标,然后使用Bootstrap的responsive utilities来控制它们是否根据屏幕大小可见。

工作示例:http://bootply.com/91992

答案 1 :(得分:0)

不,至少不方便单独使用CSS。你必须使用jQuery(或只是JavaScript)。更好的方法可能是创建重复元素并使用媒体查询显示/隐藏。