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 instead of the default Bootstrap CSS:
{% highlight html %} {% endhighlight %}Alternatively, you may use the minified RTL file, bootstrap-rtl.min.css.
bootstrap.cssbootstrap-rtl.css must not be used together with bootstrap.css. Use either one or the other, but not both. bootstrap-rtl.css includes all of Bootstrap's styles, including those not affected by writing direction.
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.