Как правильно установить атрибут направления текста = RTL для всего приложения, используя загрузочные рельсы? - PullRequest
Новая
       12

Как правильно установить атрибут направления текста = RTL для всего приложения, используя загрузочные рельсы?

0 голосов
/ 05 января 2019

Я учусь использовать bootstrap gem 4.2.1 с rails 5.2.2 и сталкиваюсь с некоторыми трудностями в понимании того, как установить направление содержимого для всего приложения rails, чтобы быть справа налево.

Первые две строки моего файла app/views/layout/application.html.erb

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

приятно перевернуть бутстрап 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 .

1 Ответ

0 голосов
/ 05 января 2019

Я подозреваю, что библиотека Bootstrap переопределяет поведение, которое вы задаете в теге <html> с атрибутом rtl.

В их репозитории github говорится, что они не поддерживают RTL на данный момент. . Поэтому рекомендуется использовать настраиваемую библиотеку начальной загрузки с поддержкой RTL, например: bootstrap-rtl .

Единственное, что может быть проблемой в вашей конкретной ситуации, это то, что вы используете Bootstrap 4.2, и я не уверен, поддерживает ли bootstrap-rtl все функции 4.2, поскольку он предназначен для 3.X.

...