<p align="center">
  <a href="https://getbootstrap.com">
    <img src="https://getbootstrap.com/docs/5.0/assets/brand/bootstrap-logo-shadow.png" alt="Bootstrap logo" width="200" height="165">
  </a>

  <h3 align="center">Bootstrap RTL</h3>
  <p align="center">
  based on version 4.6.2
  </p>
  <p align="center">
    Sleek, intuitive, and powerful front-end framework for faster and easier web development.
    <br>
    <a href="https://getbootstrap.com"><strong>Explore Bootstrap docs &raquo;</strong></a>
    <br>
  </p>
</p>

<br>

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

## 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](https://developers.google.com/web/tools/chrome-devtools/debug/readability/source-maps) (`bootstrap.*.map`) are available for use with certain browsers' developer tools.

## Contributors

Mahdi Majidzadeh [twitter](https://twitter.com/mahdimajidzadeh) - [github](https://github.com/mahdimajidzadeh)

Dmitry Polyanovsky [github](https://github.com/danikp)

Morteza Karimi [github](https://github.com/mortezakarimi)
