Twitter Bootstrap text align based on media break points

text-align-by-media.scss

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

/**
Build Alignment Based on Breakpoints
**/

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

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

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

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

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

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