我正在使用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中有什么方法可以做到这一点吗?我已经搜索过,但我认为没有发现任何相关信息。谢谢
答案 0 :(得分:0)
我希望这会有所帮助:
select JSON_EXTRACT_SCALAR('[{"key": "name","value": "john-doe"}, {"key": "age","value": "8"}, {"key": "gender","value": "male"}]', '$[?(@.key=="age")].value')