Right-to-Left Language Support
You can enable support for right-to-left (RTL) text via the default language setting,
@xml:lang
attribute, or @dir
attribute.
Loading the Right-to-Left stylesheet
By default the Bootstrap plugin loads standard left-to-right CSS. To enable support for right-to-left languages, DITA-OT must load the RTL version of the Bootstrap CSS. This is done automatically if the --defaultLanguage is set to an RTL language. Alternatively, you can manually enable RTL support using the --bidi.include parameter:
dita --input=path/to/your.ditamap \
--format=html5-bootstrap \
--bidi.include=yes
Using LTR and RTL languages in the same topic
The overall layout is always defined by the --defaultLanguage parameter.
To render an article as RTL across the page, set the <topic xml:lang="..">
to an RTL
language.
<topic id="..." xml:lang="ar">
Additionally, within any <topic>
, setting the @dir
attribute on any DITA
element thereafter will cause the layout to be recalculated for the enclosed block only.
عنوان البطاقة
بعض الأمثلة السريعة للنص الذي سيتم بناؤه على عنوان البطاقة وتشكيل الجزء الأكبر من محتوى البطاقة.
اذهب لمكان ما<bodydiv outputclass="row" dir="rtl">
<bodydiv outputclass="col">
<section outputclass="card w-50" xml:lang="ar">
<title outputclass="h5">عنوان البطاقة</title>
<image outputclass="card-img-top" href="..." />
<p>بعض الأمثلة السريعة للنص الذي سيتم بناؤه على عنوان البطاقة وتشكيل الجزء الأكبر من محتوى البطاقة.</p>
<xref outputclass="btn-primary" href="#">اذهب لمكان ما</xref>
</section>
</bodydiv>
</bodydiv>