本文介绍了如何使用栅格系统来实现响应式布局。重点讲解了不同断点下的列类名选择，例如.col-md-*用于中等屏幕尺寸，并强调了在特定min-width条件下布局的应用方式。
栅格系统样式使用：
针对样式最小宽度来确定要使用.col-*
.col-xs- 保障了布局总是水平的。
.col-sm-*/.col-md-*/.col-lg-*开始是堆叠在一起的，当大于特定阈值时将变为水平排列。
通常情况下使用[b]单一的样式[/b]可以满足需求。
当要求屏幕在小宽度和大宽度时显示的布局不一样时，可考虑[b]叠加使用[/b]。
由于流程设计器中的min-width为1350px!important 因此整体布局用的.col-md-*。并且大部分属性的布局为.col-md-*。
根据以上说明去掉了属性组件的输入框的叠加布局 col-md-5 col-lg-5 -> col-md-5
[img]http://dl2.iteye.com/upload/attachment/0106/6941/ad00f0fc-e24c-34a2-95be-4d47c33d58f9.jpg[/img]
针对样式最小宽度来确定要使用.col-*
.col-xs- 保障了布局总是水平的。
.col-sm-*/.col-md-*/.col-lg-*开始是堆叠在一起的，当大于特定阈值时将变为水平排列。
通常情况下使用[b]单一的样式[/b]可以满足需求。
当要求屏幕在小宽度和大宽度时显示的布局不一样时，可考虑[b]叠加使用[/b]。
由于流程设计器中的min-width为1350px!important 因此整体布局用的.col-md-*。并且大部分属性的布局为.col-md-*。
根据以上说明去掉了属性组件的输入框的叠加布局 col-md-5 col-lg-5 -> col-md-5
[img]http://dl2.iteye.com/upload/attachment/0106/6941/ad00f0fc-e24c-34a2-95be-4d47c33d58f9.jpg[/img]
扫一扫
451
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
