Twitter Bootstrap Floats based on Media Query Breakpoints

float-breakpoints.scss

/**
Reference ONLY! Variables should be included elsewhere.
$small-lower:'767px';
$medium-lower:'991px';
$large-lower:'1199px';
**/

/**
Floats Based on BreakPoints
**/

//RIGHT
.pull-right-lg {
  @media(max-width: $large-lower){
    float:right;
  }
}

.pull-right-md {
  @media(max-width: $medium-lower){
    float:right;
  }
}

.pull-right-sm {
  @media(max-width: $small-lower){
    float:right;
  }
}

//LEFT
.pull-left-lg {
  @media(max-width: $large-lower){
    float:left;
  }
}

.pull-left-md {
  @media(max-width: $medium-lower){
    float:left;
  }
}

.pull-left-sm {
  @media(max-width: $small-lower){
    float:left;
  }
}