Missing align library (css & sass) for twitter bootstrap (version 3 & 4)
-
Install via either bower, npm or downloaded files:
bower install --save bootstrap-alignnpm install --save bootstrap-align- download bootstrap-align.zip
-
Add files to your html
- when using bower
<!-- bootstrap 3 --> <link rel="stylesheet" href="bower_components/bootstrap-align/dist/bootstrap3-align.min.css"> <!-- bootstrap 4 --> <link rel="stylesheet" href="bower_components/bootstrap-align/dist/bootstrap4-align.min.css">
- when using npm
<!-- bootstrap 3 --> <link rel="stylesheet" href="node_modules/bootstrap-align/dist/bootstrap3-align.min.css"> <!-- bootstrap 4 --> <link rel="stylesheet" href="node_modules/bootstrap-align/dist/bootstrap4-align.min.css">
- when using downloaded files
<!-- bootstrap 3 --> <link rel="stylesheet" href="bootstrap3-align.min.css"> <!-- bootstrap 4 --> <link rel="stylesheet" href="bootstrap4-align.min.css">
| xs | sm | md | lg |
|---|---|---|---|
.xs-text-left |
.sm-text-left |
.md-text-left |
.lg-text-left |
.xs-only-text-left |
.sm-only-text-left |
.md-only-text-left |
|
.xs-text-center |
.sm-text-center |
.md-text-center |
.lg-text-center |
.xs-only-text-center |
.sm-only-text-center |
.md-only-text-center |
|
.xs-text-right |
.sm-text-right |
.md-text-right |
.lg-text-right |
.xs-only-text-right |
.sm-only-text-right |
.md-only-text-right |
|
.xs-text-justify |
.sm-text-justify |
.md-text-justify |
.lg-text-justify |
.xs-only-text-justify |
.sm-only-text-justify |
.md-only-text-justify |
MIT