mirror of
https://github.com/twbs/bootstrap.git
synced 2025-01-17 09:52:29 +01:00
nuke the rtl docs
This commit is contained in:
parent
0d1018cb2f
commit
be00b82bb9
@ -1,25 +0,0 @@
|
|||||||
<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>
|
|
@ -28,13 +28,6 @@
|
|||||||
<li><a href="#examples-experiments">Experiments</a></li>
|
<li><a href="#examples-experiments">Experiments</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</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>
|
<li>
|
||||||
<a href="#community">Community</a>
|
<a href="#community">Community</a>
|
||||||
</li>
|
</li>
|
||||||
|
@ -10,7 +10,6 @@ lead: "An overview of Bootstrap, how to download and use, basic templates and ex
|
|||||||
{% include getting-started/grunt.html %}
|
{% include getting-started/grunt.html %}
|
||||||
{% include getting-started/template.html %}
|
{% include getting-started/template.html %}
|
||||||
{% include getting-started/examples.html %}
|
{% include getting-started/examples.html %}
|
||||||
{% include getting-started/rtl.html %}
|
|
||||||
{% include getting-started/community.html %}
|
{% include getting-started/community.html %}
|
||||||
{% include getting-started/disabling-responsiveness.html %}
|
{% include getting-started/disabling-responsiveness.html %}
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user