Skip to content

JohnnyTheTank/bootstrap-align

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

bootstrap-align

Missing align library (css & sass) for twitter bootstrap (version 3 & 4)

npm version Bower version

usage

  1. Install via either bower, npm or downloaded files:

    1. bower install --save bootstrap-align
    2. npm install --save bootstrap-align
    3. download bootstrap-align.zip
  2. Add files to your html

    1. 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">
    1. 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">
    1. when using downloaded files
    <!-- bootstrap 3 -->
    <link rel="stylesheet" href="bootstrap3-align.min.css">
    <!-- bootstrap 4 -->
    <link rel="stylesheet" href="bootstrap4-align.min.css">

available classes

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

license

MIT