css 纯粹的css响应版本的twitter bootstrap向右拉并向左拉动一个重置选项。

Posted 2021-05-13

/* With default bootstrap breakpoint sizes */
.pull-left-xs {
  float: left;
}

.pull-right-xs {
  float: right;
}

.pull-reset-xs {
  float: none;
}

@media (min-width: 768px) {

  .pull-left-sm {
    float: left;
  }

  .pull-right-sm {
    float: right;
  }

  .pull-reset-sm {
    float: none;
  }

}

@media (min-width: 992px) {

  .pull-left-md {
    float: left;
  }

  .pull-right-md {
    float: right;
  }

  .pull-reset-md {
    float: none;
  }

}

@media (min-width: 1200px) {

  .pull-left-lg {
    float: left;
  }

  .pull-right-lg {
    float: right;
  }

  .pull-reset-lg {
    float: none;
  }

}