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>