如何使用 bootstrap rails 为整个应用程序正确设置文本方向属性 = RTL？

Question

我正在学习使用 bootstrap gem 4.2.1 和 rails 5.2.2，并且在理解如何为整个 rails 应用从右到左。

我文件的前两行app/views/layout/application.html.erb

<!DOCTYPE html>
<html lang="ur" dir="rtl">

很好地翻转 bootstrap nav.

其他 html 元素（例如 h1 继续从右到左显示内容，除非我覆盖 app/assets/stylesheets/application.scss 中的样式，如下所示

 p{
    font-family: 'Jameel Noori Nastaleeq';
    src:asset-url('JameelNooriNastaleeq.ttf') format("truetype");
    float:right;
    direction: rtl;

}

.navbar-brand{
    font-family: 'Jameel Noori Nastaleeq';
    src:asset-url('JameelNooriNastaleeq.ttf') format("truetype");
}

p 标签根据需要从右到左呈现内容。 h1 等所有其他标签从左到右呈现内容。

我的问题是如何为整个 rails 应用设置从右到左的内容方向？

我的 rails 应用程序的完整代码在 github 上可用。

Answer 1

我怀疑 Bootstrap 库会覆盖您在具有 rtl 属性的 <html> 标记中设置的行为。

在他们的 github 回购协议中说他们 don't support RTL as of now.. So the recommended approach is to use customized bootstrap library with RTL support like this one: bootstrap-rtl.

在您的特定情况下唯一可能出现问题的是您使用 Bootstrap 4.2，我不确定 bootstrap-rtl 是否支持所有 4.2 功能，因为它适用于 3.X.

如何使用 bootstrap rails 为整个应用程序正确设置文本方向属性 = RTL？

How to properly set text direction attribute = RTL for the entire app using bootstrap rails?

ruby-on-rails

sass

right-to-left