{"id":14972522,"url":"https://github.com/javatmp/bootstrap-reverse","last_synced_at":"2026-02-12T09:03:21.215Z","repository":{"id":29837596,"uuid":"122826592","full_name":"JavaTMP/bootstrap-reverse","owner":"JavaTMP","description":"Bootstrap 4 RTL for Right to left directional languages like Arabic,Persian,Hebrew and Urdu.","archived":false,"fork":false,"pushed_at":"2022-12-07T17:48:46.000Z","size":731,"stargazers_count":2,"open_issues_count":21,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-03-30T15:36:47.484Z","etag":null,"topics":["bootstrap","bootstrap-4","bootstrap-rtl","bootstrap4","rtl"],"latest_commit_sha":null,"homepage":"https://javatmp.github.io/bootstrap-reverse/demo/bootstrap-rtl.html","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/JavaTMP.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-02-25T10:39:43.000Z","updated_at":"2020-02-09T06:45:47.000Z","dependencies_parsed_at":"2023-01-14T15:44:59.454Z","dependency_job_id":null,"html_url":"https://github.com/JavaTMP/bootstrap-reverse","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JavaTMP%2Fbootstrap-reverse","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JavaTMP%2Fbootstrap-reverse/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JavaTMP%2Fbootstrap-reverse/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JavaTMP%2Fbootstrap-reverse/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JavaTMP","download_url":"https://codeload.github.com/JavaTMP/bootstrap-reverse/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247198466,"owners_count":20900081,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","bootstrap-4","bootstrap-rtl","bootstrap4","rtl"],"created_at":"2024-09-24T13:47:02.956Z","updated_at":"2026-02-12T09:03:21.185Z","avatar_url":"https://github.com/JavaTMP.png","language":"JavaScript","readme":"# bootstrap-reverse\r\nBootstrap 4 RTL for Right to left directional languages like Arabic,Persian,Hebrew and Urdu.\r\n\r\n## Which languages are written right-to-left (RTL)?\r\nThe following W3C web page provides a good information for RTL languages http://www.i18nguy.com/temp/rtl.html.\r\n\r\n## Installation Using NPM\r\n```\r\nnpm install bootstrap-reverse\r\n```\r\n\r\n## Building from The source\r\nMake sure node.js and git client are locally installed on your machine and then run the following commands:\r\n```\r\ncd bootstrap-reverse\r\nnpm install\r\ngulp\r\n```\r\n\r\n## How-to\r\nIf your website supports:\r\n\r\nCase | Files To Use | Note\r\n------------------------ | ----------------- | -------------------------\r\nOnly Left-to-Right languages  | Don't use this package at all | The default bootstrap layout is left-to-right, so you don't need this package at all.\r\nOnly Right-to-Left languages | Use foundation version only  | Foundation version will not reset any class with name left/right and r/l.\r\nMultilingual and Uses BOTH Direction like English and Arabic, And You don't care for semantic error  | Use bootstrap-reverse version | This version update all bootstrap classes relating to LEFT/RIGHT direction, BUT provides semantic errors and it is best to start stlying your site from English first.\r\nMultilingual and Uses BOTH Direction like English and Arabic, And You care for semantic error but You don't care for adding new unofficial classes  | Use bootstrap-reverse-extender version | This version will introduce new classes for every bootstrap class containing left or right with start/end alternatives.\r\n\r\n## Major Issues\r\n- Dropdown width and positions. we solve the dropdown issues by the following Javascript hack:\r\n```js\r\n$('.dropdown, .btn-group, .input-group-prepend, .input-group-append').on('shown.bs.dropdown', function () {\r\n    var dropDown = $(this).find(\".dropdown-menu\");\r\n    setTimeout(function () {\r\n        var previous =\r\n                dropDown.css(\"-webkit-transform\") ||\r\n                dropDown.css(\"-moz-transform\") ||\r\n                dropDown.css(\"-ms-transform\") ||\r\n                dropDown.css(\"-o-transform\") ||\r\n                dropDown.css(\"transform\") ||\r\n                \"Either no transform set, or browser doesn't do getComputedStyle\";\r\n        var values = previous.split(\"(\")[1];\r\n        values = values.split(\")\")[0];\r\n        values = values.split(\", \");\r\n        var x = 0;\r\n        var y = parseInt(values[5]);\r\n        var z = 0;\r\n        dropDown.css({transform: \"translate3d(\" + x + \"px,\" + y + \"px,\" + z + \"px)\", left: \"auto\", right: \"auto\"});\r\n    }, 0);\r\n});\r\n```\r\n\r\n## External And Automated Tools\r\n- [postcss-rtl](https://www.npmjs.com/package/postcss-rtl)\r\n\r\n## Copyright and License\r\nBootstrap-reverse is copyrighted by [JavaTMP](http://www.javatmp.com) and licensed under [MIT license](https://github.com/JavaTMP/bootstrap-reverse/blob/master/LICENSE).\r\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjavatmp%2Fbootstrap-reverse","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjavatmp%2Fbootstrap-reverse","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjavatmp%2Fbootstrap-reverse/lists"}