Skip to content

Bootstrap 3 text-align (left/right) for xs, sm, md, lg screen sizes

/**
 * Text alignment for screen sizes
 */
 @media (max-width:767px){
   .xs-text-right {
     text-align: right;
   }
   .xs-text-left {
     text-align: left;
   }
 }
 @media (min-width:768px){
   .sm-text-right {
     text-align: right;
   }
   .sm-text-left {
     text-align: left;
   }
 }
 @media (min-width:992px){
   .md-text-right {
     text-align: right;
   }
   .md-text-left {
     text-align: left;
   }
 }
 @media (min-width:1200px){
   .lg-text-right {
     text-align: right;
   }
   .lg-text-left {
     text-align: left;
   }
 }