可以更改引导程序类的方向吗?

时间:2018-10-15 08:18:09

标签: javascript html css sass bootstrap-4

我正在使用Bootstrap 4 lib在Bootstrap classes中处理静态网站中的间距(边距和填充)。

示例:

<p class="mr-3">Lorem ...</p>

现在,如果我需要将HTML方向从 ltr 更改为 rtl 怎么办?在我的情况下,mr- *应该是ml-*。

那么如何处理呢?

我必须重写引导程序类吗?或bootsrap可以解决此问题?

如果我应该覆盖引导程序类,是否仅更改边距方向的任何方法?

  

注意:我正在使用SASS

谢谢。

2 个答案:

答案 0 :(得分:1)

您可以尝试添加另一个适合您的边距方向的类,并使margin-left:100px,例如margin-left:100px!important,这将覆盖引导程序类的边距

答案 1 :(得分:0)

我正在创建其他助手来恢复这些样式,诸如此类

[dir="rtl"]{
   .ml-2{
      margin-right: .5rem !important;
      margin-left: 0!important;      
   }
}