OpenUI5的Grid机制位于sap.ui.layout库内，它在12列流布局中定位子控件位置。取决于当前屏幕尺寸，子控件可以指定可变的列数，从而实现响应式设计。
![[OpenUI5] Grid layout for responsive design](/images/2015/3/0026uWfMzy73zLYwZjBd3.jpg)
在上图示例中，无论屏幕大小，子控件1都占满12列，从而其他子控件无法跟它位于同一行内。
在大屏幕和中等屏幕尺寸下，子控件2和3共同占满12列，可以置于一行内；而在小屏幕尺寸下，二者需要列数超过12，只能分置于两行了。
参考
Responsive Web Design
UI5 features for building responsive Fiori apps
jsDoc: sap.ui.layout.GridData
MDN: CSS Grid Layout
MDN: Using CSS multi-column layouts