Twitter bootstrap 更改引导sass断点
当屏幕大小在768到1024像素之间时,我想堆叠两列。 我怎样才能做到这一点?我必须更改任何引导变量吗?Twitter bootstrap 更改引导sass断点,twitter-bootstrap,Twitter Bootstrap,当屏幕大小在768到1024像素之间时,我想堆叠两列。 我怎样才能做到这一点?我必须更改任何引导变量吗? 我使用引导式sass 引导中的默认断点是: 超小型设备手机(我已将$screen md更改为1025px,它部分工作,我使用col-md-8并将其堆叠在较小屏幕上,唯一的问题是,当您仅将screen md设置为1025px并将类设置为“col-xs-6 col-sm-6 col-md-8 col-lg-6”时,它会堆叠在屏幕上这意味着,如果您的屏幕大小介于1025px到1199px之间,那
我使用引导式sass 引导中的默认断点是:
- 超小型设备手机(我已将$screen md更改为1025px,它部分工作,我使用col-md-8并将其堆叠在较小屏幕上,唯一的问题是,当您仅将screen md设置为1025px并将类设置为“col-xs-6 col-sm-6 col-md-8 col-lg-6”时,它会堆叠在屏幕上这意味着,如果您的屏幕大小介于1025px到1199px之间,那么它将堆叠在一起,在下方或上方,它们将彼此对齐。您可以发布您的类或可能设置一个小提琴吗?这个提琴显示了我的意思:但是对于常规大小。您需要拉伸输出窗口以查看更改。
// Extra small screen / phone //** Deprecated `$screen-xs` as of v3.0.1 $screen-xs: 480px !default; //** Deprecated `$screen-xs-min` as of v3.2.0 $screen-xs-min: $screen-xs !default; //** Deprecated `$screen-phone` as of v3.0.1 $screen-phone: $screen-xs-min !default; // Small screen / tablet //** Deprecated `$screen-sm` as of v3.0.1 $screen-sm: 768px !default; $screen-sm-min: $screen-sm !default; //** Deprecated `$screen-tablet` as of v3.0.1 $screen-tablet: $screen-sm-min !default; // Medium screen / desktop //** Deprecated `$screen-md` as of v3.0.1 $screen-md: 992px !default; $screen-md-min: $screen-md !default; //** Deprecated `$screen-desktop` as of v3.0.1 $screen-desktop: $screen-md-min !default; // Large screen / wide desktop //** Deprecated `$screen-lg` as of v3.0.1 $screen-lg: 1200px !default; $screen-lg-min: $screen-lg !default; //** Deprecated `$screen-lg-desktop` as of v3.0.1 $screen-lg-desktop: $screen-lg-min !default; // So media queries don't overlap when required, provide a maximum $screen-xs-max: ($screen-sm-min - 1) !default; $screen-sm-max: ($screen-md-min - 1) !default; $screen-md-max: ($screen-lg-min - 1) !default;
<div class="col-xs-6 col-sm-12 col-md-12 col-lg-6">...</div>