Home

Awesome

<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 (bootstrap.*.map) are available for use with certain browsers' developer tools.

Contributors

Mahdi Majidzadeh twitter - github

Dmitry Polyanovsky github

Morteza Karimi github