Skip to content

B
bootstrap
Commit 74089178 authored by Mark Otto's avatar Mark Otto
Browse files
Options

Merge pull request #13499 from twbs/clarify-rtl 

emphasize that bootstrap-rtl.css & bootstrap.css should not be used together
parents 16cff71b f71f2dbe
Hide whitespace changes
Inline Side-by-side
Showing with 6 additions and 1 deletion
docs/_includes/css/rtl.html
View file @ 74089178
...@@ -8,13 +8,18 @@ ...@@ -8,13 +8,18 @@
<!-- Example: Arabic language with direction set to RTL --> <!-- Example: Arabic language with direction set to RTL -->
<html lang="ar" dir="rtl"> <html lang="ar" dir="rtl">
{% endhighlight %} {% endhighlight %}
<p>Then, include the right-to-left CSS file in place of the default Bootstrap CSS:</p> <p>Then, include the right-to-left CSS file <strong>instead of</strong> the default Bootstrap CSS:</p>
{% highlight html %} {% highlight html %}
<!-- Bootstrap RTL --> <!-- Bootstrap RTL -->
<link rel="stylesheet" href="bootstrap-rtl.css"> <link rel="stylesheet" href="bootstrap-rtl.css">
{% endhighlight %} {% endhighlight %}
<p>Alternatively, you may use the minified RTL file, <code>bootstrap-rtl.min.css</code>.</p> <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> <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> <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> </div>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment