RTL edition of bootstrap v4 for rtl languages like Farsi and Arabic

Hi, I add this version of bootstrap rtl in angular project, it work fine in normal condition but if i want to use ng-bootstrap carousel the pictures move to the right side of page and don't show, how can i fix it? for test i remove rtl bootsatrp from angular. json then carousel work fine

It seems that currently the code is not aligned with the currnet bootstrap 4.

It would be great to identify a way of keeping the code aligned with the latest version of Bootstrap 4 (currently 4.2.1).

Hello,

What about the RTL version of float-{sm,md,lg,xl}-{left,right,none} classes I can't find any thing related to those classes since they are replacing the old widely used pull-left and pull-right classes

Thanks

I found padding issue on "list-unstyled" class when I was working on my project. And here was my fixing:

.list-unstyled { padding-right: 0; }

检测到 MahdiMajidzadeh/bootstrap-v4-rtl 一共引入了832个开源组件，存在8个漏洞

漏洞标题：Axios 安全漏洞
缺陷组件：[email protected]
漏洞编号：CVE-2021-3749
漏洞描述：Axios是一款基于Promise（异步编程的一种解决方案）的HTTP客户端。
Axios 存在安全漏洞，该漏洞源于在 axios 包中发现了一个 ReDoS（正则表达式拒绝服务）缺陷。攻击者可利用该漏洞为修剪功能提供精心设计的输入导致应用程序消耗过多的 CPU。
影响范围：(∞, 0.21.3)
最小修复版本：0.21.3
缺陷组件引入路径：[email protected]>[email protected]>[email protected]

另外还有8个漏洞，详细报告：https://mofeisec.com/jr?p=afcd60

fix deprecation warning by replacing all divisions with multiply DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

In the normal version of bootstrap there is a margin between modal buttons

from _modal.sccs

// Footer (for actions)
.modal-footer {
  display: flex;
  align-items: center; // vertically center
  justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items
  padding: $modal-inner-padding;
  border-top: $modal-footer-border-width solid $modal-footer-border-color;
  @include border-bottom-radius($modal-content-border-radius);

  // Easily place margin between footer elements
  > :not(:first-child) { margin-left: .25rem; }
  > :not(:last-child) { margin-right: .25rem; }
}

and there is this in _rtl.sccs from current version of bootstrap-rtl

.modal-footer > :not(:first-child) {
    margin-right: .25rem;
  }

I think it should be changed to:

  .modal-footer > :not(:first-child) {
    margin-right: .25rem;
  }

  .modal-footer > :not(:last-child) {
    margin-left: .25rem;
  }

and then somehow remove the styles from original bootstrap

.breadcrumb-item+.breadcrumb-item { padding-left: .5rem; --> padding-right: .5rem; }

.breadcrumb-item+.breadcrumb-item::before { display: inline-block; padding-right: .5rem; --> padding-left: .5rem; color: #6c757d; content: "/"; }

سلام منبع این مخزن معرفی میکنید که در صورت به روز شدن هم ازش استفاده کنیم من خودم 2 تا راه حل دارم نمیدونم این یکی از اونهاست یا نه . چون هر دوتاشون یجایی مشکل دارن

https://github.com/MahdiMajidzadeh/bootstrap-v4-rtl/blob/v4.0.0-beta/dist/css/bootstrap-rtl.css#L126

body {
  ...
  text-align: left;
  ...
}

Should this be text-align: right;?

hi, dear friend. thanks for this helpful expansion. i know maybe this issue has been duplicate (https://github.com/MahdiMajidzadeh/bootstrap-v4-rtl/issues/26#issue-385831150) but i develop my project with your library (latest version on npm), i have a problem with Dropdown in RTL version. you see this problem in pictures. i don't know WHY? can you help me?

Bumps decode-uri-component from 0.2.0 to 0.2.2.

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.