Skip to content

bepehr/bootstrap-rtl

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Twitter Bootstrap RTL

Right-to-left version of Twitter's Bootstrap: https://github.com/twitter/bootstrap/

Created using: https://github.com/ded/R2

Usage

Just replace the original bootstrap.min.css and bootstrap-responsive.min.css files when displaying RTL pages.

<link rel="stylesheet" href="bootstrap-rtl.min.css">
<link rel="stylesheet" href="bootstrap-responsive-rtl.min.css">

The last thing you need to do, if you haven't already, is specifying the direction on the body element.

<body dir="rtl">

Or using CSS:

body {
  direction: rtl;
}

How it was made

Follow instructions on the R2 project page to install it: https://github.com/ded/R2

r2 bootstrap.css bootstrap-rtl.min.css r2 bootstrap.responsive bootstrap-responsive-rtl.min.css

Notes:

Special Thanks

Mark Otto and Jacob Thornton for working on and maintaining Twitter Bootstrap.

Dustin Diaz for creating R2.

Without these tools, writing CSS and reversing it for right to left would be a pain in the ass :D

About

Right to left version of bootstrap v2

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published