控制Bootstrap在调整大小时如何排序列/行

时间:2018-08-03 12:38:44

标签: html css twitter-bootstrap web

我正在使用Bootstrap创建元素的布局。具体来说,我正在创建一个文本框表。在重新缩放时,table元素还不够好,所以我想使用Bootstrap的网格系统手动完成它。

我真正想要的是让桌面上的布局像这样:

**A** *B* C D
**E** *F* G H
**I** *J* K L
**M** *N* O P

在移动设备上,第一列继承第二列的元素,即列2中的每个元素都将移动到列1下。

**A** C
**E** G 
**I** K
**M** O
*B* D
*F* H
*J* L
*N* P

在Bootstrap中有什么方法可以做到这一点吗?我已经搜索过,但我认为没有发现任何相关信息。谢谢

1 个答案:

答案 0 :(得分:0)

我希望这会有所帮助:

select JSON_EXTRACT_SCALAR('[{"key": "name","value": "john-doe"}, {"key": "age","value": "8"}, {"key": "gender","value": "male"}]', '$[?(@.key=="age")].value')