Twitter bootstrap 更改引导sass断点

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之间,那

当屏幕大小在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之间,那么它将堆叠在一起,在下方或上方,它们将彼此对齐。您可以发布您的类或可能设置一个小提琴吗?这个提琴显示了我的意思:但是对于常规大小。您需要拉伸输出窗口以查看更改。
    // 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>