Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Right to Left support for Twitter Bootstrap 3

People also ask

Does Bootstrap 4 support RTL?

Bootstrap 4 RTL | First and Most Accurate RTL Edition of Bootstrap 4.

Does Bootstrap 5 support RTL?

As you know, Bootstrap in version 5 has an LTR version and an RTL version.

Does Bootstrap support RTL?

Required HTMLThere are two strict requirements for enabling RTL in Bootstrap-powered pages. Set dir="rtl" on the <html> element. Add an appropriate lang attribute, like lang="ar" , on the <html> element.

How do I use RTL in CSS?

The direction CSS property sets the direction of text, table columns, and horizontal overflow. Use rtl for languages written from right to left (like Hebrew or Arabic), and ltr for those written from left to right (like English and most other languages).


  1. I highly recommend bootstrap-rtl. It is built over Bootstrap core, and rtl support is added as it is a bootstrap theme. This would make your code more maintainable as you can always update your core bootstrap files. CDN

  2. Another option to use this stand-alone library, It also comes with few awesome Arabic fonts.


You can find it here: RTL Bootstrap v3.2.0.


Bootstrap Persian version of the site http://rbootstrap.ir/ Ver.2.3.2


in every version of bootstrap,you can do it manually

  1. set rtl direction to your body
  2. in bootstrap.css file, look for ".col-sm-9{float:left}" expression,change it to float:right

this do most things that you want for rtl


This is Another Project: www.nuget.org/packages/Twitter.Bootstrap.RTL


finally, I can find a new version for the right to left bootstrap. share here for use by all:

bootstrap-3-3-7-rtl and RTL Bootstrap 4.0.0-alpha.6.1

GitHub link:

https://github.com/parsmizban/RTL-Bootstrap

thank you parsmizban.com for creating and share.