CSS Utility Classes

utility-classes.css

/* Text colours */
.text-white { color: white; }
.text-black { color: black; }

/* Text alignment */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }
.text-nowrap { white-space: nowrap; }

/* Text transformation */
.text-lowercase { text-transform: lowercase; }
.text-uppercase { text-transform: uppercase; }
.text-capitalize { text-transform: capitalize; }

/* Floats */
.pull-left { float: left !important; }
.pull-right { float: right !important; }

/* Visibility */
.show { display: block !important; }
.hide {
    display: none !important;
}

/* Clearfix */
.clearfix:before,
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1; /* IE < 8 */
    clear: both;
}

/* Display */
.visible-block { display: block !important; }
.visible-inline { display: inline !important; }
.visible-inline-block { display: inline-block !important; }