+++ /dev/null
-<div class="bs-docs-section">
- <h1 id="rtl" class="page-header">RTL</h1>
- <p class="lead">As of Bootstrap 3.2, a right-to-left version of Bootstrap ships as part of the repository. It's powered by Twitter's <a href="https://github.com/twitter/css-flip">CSS Flip project</a> and is generated via our Gruntfile.</p>
-
- <h2 id="rtl-how-to">How to use</h2>
- <p>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:</p>
-{% highlight html %}
-<!-- Example: Arabic language with direction set to RTL -->
-<html lang="ar" dir="rtl">
-{% endhighlight %}
- <p>Then, include the right-to-left CSS file <strong>instead of</strong> the default Bootstrap CSS:</p>
-{% highlight html %}
-<!-- Bootstrap RTL -->
-<link rel="stylesheet" href="bootstrap-rtl.css">
-{% endhighlight %}
- <p>Alternatively, you may use the minified RTL file, <code>bootstrap-rtl.min.css</code>.</p>
-
- <div class="bs-callout bs-callout-danger">
- <h4>Do not use in combination with <code>bootstrap.css</code></h4>
- <p><code>bootstrap-rtl.css</code> must not be used together with <code>bootstrap.css</code>. Use either one or the other, but not both. <code>bootstrap-rtl.css</code> includes all of Bootstrap's styles, including those not affected by writing direction.</p>
- </div>
-
- <h2 id="rtl-css-flip">CSS Flip</h2>
- <p><a href="https://github.com/twitter/css-flip">CSS Flip</a> 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.</p>
-</div>
<li><a href="#examples-experiments">Experiments</a></li>
</ul>
</li>
-<li>
- <a href="#rtl">RTL version</a>
- <ul class="nav">
- <li><a href="#rtl-how-to">How to use</a></li>
- <li><a href="#rtl-css-flip">CSS Flip</a></li>
- </ul>
-</li>
<li>
<a href="#community">Community</a>
</li>
{% include getting-started/grunt.html %}
{% include getting-started/template.html %}
{% include getting-started/examples.html %}
-{% include getting-started/rtl.html %}
{% include getting-started/community.html %}
{% include getting-started/disabling-responsiveness.html %}
projects / thirdparty / bootstrap.git / commitdiff
