MahdiMajidzadeh/bootstrap-v4-rtl: RTL edition of bootstrap v4 for rtl languages like Farsi and Arabic

Bootstrap RTL

based on version 4.6.2

Sleek, intuitive, and powerful front-end framework for faster and easier web development.
Explore Bootstrap docs »

Install

Install with npm:

npm i bootstrap-v4-rtl

Quick start

Add rtl class to any element and every thing inside that turn to RTL layout

NOTE: This package is designed for multilanguage projects to change all page direction just with adding rtl class, so all left and right classes is reversed when you are in rtl

Demo

Open index.html for the interactive demo: every component is plain Bootstrap 4 markup with live LTR/RTL and English/Persian switches, side-by-side direction comparison, and a copyable source view per component. Its assets live in demo/demo.css and demo/demo.js.

You can link to a specific view with query parameters, e.g. index.html?dir=rtl&lang=fa.

The previous Persian-only page is still available as index-fa.html.

What's included

Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this:

bootstrap/
├── css/
│   ├── bootstrap-rtl.css
│   ├── bootstrap-rtl.css.map
│   ├── bootstrap-rtl.min.css
│   └── bootstrap-rtl.min.css.map
└── js/
    ├── bootstrap.js
    └── bootstrap.min.js

We provide compiled CSS and JS (bootstrap.), as well as compiled and minified CSS and JS (bootstrap.min.). CSS source maps (bootstrap.*.map) are available for use with certain browsers' developer tools.

Contributors

Mahdi Majidzadeh twitter - github

Dmitry Polyanovsky github

Morteza Karimi github