Skip to content

SahraCompany/Bootstrap-4.x-RTL

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Bootstrap-4.1.3-rtl


Note: this version of bootstrap add full rtl support to bootstrap 4.1.3

Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.

As we were trying to change CSS and JS to be RTL we pass some steps

Follow these steps to have RTL CSS:

  • First of all we download bootstrap version 4.0.0 from getbootstrap.com

  • Then we get RTL bootstrap version 4.0.0 from bootstrap.rtlcss.com,this css file have been created by Mohammad Younes and works well

  • There is a CSS RTL generator in rtlcss.com . you can put your not right to lefted styles in one side and get rtl styles in other side , we want to use this generator for all version of bootstrap but this generator makes some wrong decisions,to find these, we compare generated css file,line by line with Mohammad Younes created css file,so we find the critical points that are wrong in generator

  • Now we know critical wrong decisions and we can use this generator for all version of bootstrap

Follow these steps to have RTL JS:

  • In Bootstrap.js , just we have to change Dropdown displaying direction

Add bootstrap-rtl.css and bootstrap-rtl.js to your project :

Note: add poper.js before bootstrap-rtl.js

<!-- Bootstrap 4.x RTL CSS -->

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


<!-- Bootstrap 4.x RTL JS -->

<Script src="bootstrap-rtl.js"></Script>

Or load it from CDN:

<!-- Load Bootstrap 4.x RTL CSS from our CDN -->

<link rel="stylesheet" href="//cdn.xxxxx">


<!-- Load Bootstrap 4.x RTL JS from our CDN -->

<Script src="//cdn.xxx"></Script>

Feature requests, and bug fixes

If you want a feature or a bug fixed, report it via project's issues tracker. However, if it's something you can fix yourself, fork the project, do whatever it takes to resolve it, and finally submit a pull request. I will personally thank you, and add your name to the list of contributors.

Author

License

I have no idea what licenses are for exactly. So there is no license control over this bootstrap-rtl project. However bootstrap itself is licensed by Twitter, Inc. under the MIT License (MIT).