bootstrap 栅格布局适应媒体类型的说明
程序员文章站
2022-07-10 22:31:29
...
栅格系统样式使用:
针对样式最小宽度来确定要使用.col-*
.col-xs- 保障了布局总是水平的。
.col-sm-*/.col-md-*/.col-lg-*开始是堆叠在一起的,当大于特定阈值时将变为水平排列。
通常情况下使用单一的样式可以满足需求。
当要求屏幕在小宽度和大宽度时显示的布局不一样时,可考虑叠加使用。
由于流程设计器中的min-width为1350px!important 因此整体布局用的.col-md-*。并且大部分属性的布局为.col-md-*。
根据以上说明去掉了属性组件的输入框的叠加布局 col-md-5 col-lg-5 -> col-md-5
针对样式最小宽度来确定要使用.col-*
.col-xs- 保障了布局总是水平的。
.col-sm-*/.col-md-*/.col-lg-*开始是堆叠在一起的,当大于特定阈值时将变为水平排列。
通常情况下使用单一的样式可以满足需求。
当要求屏幕在小宽度和大宽度时显示的布局不一样时,可考虑叠加使用。
由于流程设计器中的min-width为1350px!important 因此整体布局用的.col-md-*。并且大部分属性的布局为.col-md-*。
根据以上说明去掉了属性组件的输入框的叠加布局 col-md-5 col-lg-5 -> col-md-5