diff --git a/Gruntfile.js b/Gruntfile.js index e7c489f017..7257791463 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -192,7 +192,7 @@ module.exports = function (grunt) { }, files: { 'dist/css/<%= pkg.name %>.min.css': 'dist/css/<%= pkg.name %>.css', - 'dist/css/<%= pkg.name %>.rtl.min.css': 'dist/css/<%= pkg.name %>.rtl.css', + 'dist/css/<%= pkg.name %>-rtl.min.css': 'dist/css/<%= pkg.name %>-rtl.css', 'dist/css/<%= pkg.name %>-theme.min.css': 'dist/css/<%= pkg.name %>-theme.css' } } @@ -201,7 +201,7 @@ module.exports = function (grunt) { cssFlip: { rtl: { files: { - 'dist/css/<%= pkg.name %>.rtl.css': 'dist/css/<%= pkg.name %>.css' + 'dist/css/<%= pkg.name %>-rtl.css': 'dist/css/<%= pkg.name %>.css' } } }, @@ -231,9 +231,9 @@ module.exports = function (grunt) { files: { src: [ 'dist/css/<%= pkg.name %>.css', - 'dist/css/<%= pkg.name %>.rtl.css', + 'dist/css/<%= pkg.name %>-rtl.css', 'dist/css/<%= pkg.name %>.min.css', - 'dist/css/<%= pkg.name %>.rtl.min.css', + 'dist/css/<%= pkg.name %>-rtl.min.css', 'dist/css/<%= pkg.name %>-theme.css', 'dist/css/<%= pkg.name %>-theme.min.css' ] @@ -248,7 +248,7 @@ module.exports = function (grunt) { dist: { files: { 'dist/css/<%= pkg.name %>.css': 'dist/css/<%= pkg.name %>.css', - 'dist/css/<%= pkg.name %>.rtl.css': 'dist/css/<%= pkg.name %>.rtl.css', + 'dist/css/<%= pkg.name %>-rtl.css': 'dist/css/<%= pkg.name %>-rtl.css', 'dist/css/<%= pkg.name %>-theme.css': 'dist/css/<%= pkg.name %>-theme.css' } }, diff --git a/dist/css/bootstrap.rtl.css b/dist/css/bootstrap-rtl.css similarity index 100% rename from dist/css/bootstrap.rtl.css rename to dist/css/bootstrap-rtl.css diff --git a/dist/css/bootstrap.rtl.min.css b/dist/css/bootstrap-rtl.min.css similarity index 100% rename from dist/css/bootstrap.rtl.min.css rename to dist/css/bootstrap-rtl.min.css diff --git a/docs/_includes/nav-css.html b/docs/_includes/nav-css.html index 15025da0cf..6da0b11dd7 100644 --- a/docs/_includes/nav-css.html +++ b/docs/_includes/nav-css.html @@ -128,3 +128,11 @@
  • Rails install
  • +
  • + RTL version + +
  • diff --git a/docs/css.html b/docs/css.html index e1af6985e0..8baf8f42dc 100644 --- a/docs/css.html +++ b/docs/css.html @@ -3345,3 +3345,28 @@ a { Bootstrap for Sass

    + + + + +
    +

    RTL

    +

    As of Bootstrap 3.2, a right-to-left version of Bootstrap ships as part of the repository. It's powered by Twitter's CSS Flip project and is generated via our Gruntfile.

    + +

    How to use

    +

    Bootstrap is by default a left-to-right project. For right-to-left projects, you'll need to set your language and replace the default Bootstrap CSS with an RTL version. First, set your language and text direction:

    +{% highlight html %} + + +{% endhighlight %} +

    Then, include the right-to-left CSS file in place of the default Bootstrap CSS:

    +{% highlight html %} + + +{% endhighlight %} +

    Alternatively, you may use the minified RTL file, bootstrap-rtl.min.css.

    + +

    CSS Flip

    +

    CSS Flip is a project for converting left-to-right CSS files into right-to-left CSS files. We use it in our Gruntfile to automate the generation of Bootstrap's RTL CSS files.

    +
    diff --git a/docs/dist/css/bootstrap.rtl.min.css b/docs/dist/css/bootstrap-rtl.min.css similarity index 100% rename from docs/dist/css/bootstrap.rtl.min.css rename to docs/dist/css/bootstrap-rtl.min.css