From f0daa64a29a66a663f6fedb9d8687524af754436 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 7 May 2014 15:30:27 -0700 Subject: move rtl to getting started, per @cvrebert's feedback --- docs/_includes/css/rtl.html | 25 ------------------------- docs/_includes/getting-started/rtl.html | 25 +++++++++++++++++++++++++ docs/_includes/nav/getting-started.html | 7 +++++++ 3 files changed, 32 insertions(+), 25 deletions(-) delete mode 100644 docs/_includes/css/rtl.html create mode 100644 docs/_includes/getting-started/rtl.html (limited to 'docs/_includes') diff --git a/docs/_includes/css/rtl.html b/docs/_includes/css/rtl.html deleted file mode 100644 index 55568ccd6..000000000 --- a/docs/_includes/css/rtl.html +++ /dev/null @@ -1,25 +0,0 @@ -
-

RTL

-

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.

- -

How to use

-

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.

- -
-

Do not use in combination with bootstrap.css

-

bootstrap-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

-

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.

-
diff --git a/docs/_includes/getting-started/rtl.html b/docs/_includes/getting-started/rtl.html new file mode 100644 index 000000000..55568ccd6 --- /dev/null +++ b/docs/_includes/getting-started/rtl.html @@ -0,0 +1,25 @@ +
+

RTL

+

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.

+ +

How to use

+

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.

+ +
+

Do not use in combination with bootstrap.css

+

bootstrap-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

+

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.

+
diff --git a/docs/_includes/nav/getting-started.html b/docs/_includes/nav/getting-started.html index e253bf1c1..494a2950f 100644 --- a/docs/_includes/nav/getting-started.html +++ b/docs/_includes/nav/getting-started.html @@ -20,6 +20,13 @@
  • Experiments
    • +
  • + RTL version + +
  • Community
    • -- cgit v1.2.3