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 @@
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.
+ +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 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.
+