How to Implement RTL in Bootstrap 4 | bootstrap-v4-rtl

Direction RTL in Bootstrap 4, add RTL class to any element and everything inside it converts to RTL format. A full-featured Bootstrap Right-to-left (RTL) theme for Arabic, Aramaic, Azeri, Dhivehi/Maldivian, Hebrew, Kurdish (Sorani), Persian/Farsi, and Urdu languages.

bootstrap 4 rtl example, bootstrap rtl example, bootstrap rtl template, bootstrap rtl template free download, bootstrap rtl css, bootstrap 5 rtl

Note: This package is designed for multi-language projects to change all page orientation only with RTL class added, so all left and right classes are reversed when in RTL

How to make use of it:

1. Import the stylesheet bootstrap-rtl.min.css into the doc.

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

2. Add the CSS class ‘rtl’ to the physique tag and executed it.

...

bootstrap-v4-rtl Plugin/Github, bootstrap rtl npm, what is bootstrap rtl


See Demo And Download

Official Website(MahdiMajidzadeh): Click Here

This superior jQuery plugin is developed by MahdiMajidzadeh. For extra Advanced usage, please go to the official website.

Related Posts

Simple-and-Modern-Multi-Level-Sidebar-Menu-on-Bootstrap-4

[Offcanvas] Simple and Modern Multi-Level Sidebar Menu on Bootstrap 4

The multi-level sidebar menu is simple and fast on Bootstrap. So you must be aware of how to use Bootstrap itself. This plugin is fast, responsive, multi-level,…

bootstrap-5-dark-theme

Dark & Light Switch Mode Toggle for Bootstrap 5

Switching to dark mode is done by toggling HTML tags that include -dark or -light as a category. It is made by manipulating the DOM with JavaScript. The text color also changes depending…

vuejs-dialog-plugin

Vuejs Lightweight Prompt Based On Promise And Confirm Dialog

VUEJS DIALOG PLUGIN is a lightweight, promise-based, prompt, and dialog-based alert. Important updates The dialog will always be resolved by an object. (ie a callback to continue…

Lightweight-Flexbox-Carousel-Plugin

Simple and Lightweight Flexbox Carousel Plugin With JavaScript | flexCarousel.js

Flexbox Responsive Slider – flexCarousel.js plugin is a simple and lightweight plug-in from Flexbox carousel ES6 JavaScript. An unofficial fork by Slick Carousel. Flex Carousel is a…

bootstrap-5-multi-level-dropdown

Multi-Level Dropdown Works With Bootstrap 5

Bootstrap 5 Multi-Level Dropdown, using the official HTML without adding additional CSS styles and classes, it’s just like the original support. Not all of the things listed…

jquery-confirmation-dialog

JQuery UI Built Dynamic Modal That Uses Bootstrap | confirm.js

confirm.js is to use confirm modal created using JQuery and Bootstrap. Put events in each custom button in your web application. Easy to implement, saves time. Requirements…