add browser specific text-center

hans2103 · Sep 29, 2014 · c0974b9 · c0974b9
1 parent c862c7b
commit c0974b9
Showing 1 changed file with 22 additions and 0 deletions.
diff --git a/less/_custom.less b/less/_custom.less
@@ -55,6 +55,28 @@ h1 {
     margin: 0 auto;
 }
 
+// Browser width specific .text-center
+.text-xs-center {
+  @media (max-width: @screen-xs-max) {
+    text-align: center;
+  }
+}
+.text-sm-center {
+  @media (max-width: @screen-sm-max) {
+    text-align: center;
+  }
+}
+.text-md-center {
+  @media (max-width: @screen-md-max) {
+    text-align: center;
+  }
+}
+.text-lg-center {
+  @media (min-width: @screen-lg-min) {
+    text-align: center;
+  }
+}
+
 @media (min-width: 992px) {
     .col-md-one-third {
         float:left;