scss 推/拉断点 - 为Bootstrap的推/拉类添加断点支持

Posted 2021-05-18

/**
* Add breakpoints to Bootstrap's push/pull
* @author Will Squire
*/
@media (min-width: $screen-xs-min) {
  .pull-xs-left { float: left!important; }
  .pull-xs-right { float: right!important; }
}
@media (min-width: $screen-sm-min) {
  .pull-sm-left { float: left!important; }
  .pull-sm-right { float: right!important; }
}
@media (min-width: $screen-md-min) {
  .pull-md-left { float: left!important; }
  .pull-md-right { float: right!important; }
}
@media (min-width: $screen-lg-min) {
  .pull-lg-left { float: left!important; }
  .pull-lg-right { float: right!important; }
}