RTL 佈局

Framework7 完整支援 RTL(由右至左)語言,例如阿拉伯語和希伯來語。若要啟用 RTL 模式,您只需包含包含 RTL 樣式的 CSS 檔案(而非一般檔案),並在 html 元素上新增 dir="rtl" 屬性

<!DOCTYPE html>
  <html dir="rtl">
    <head>
      ...
      <title>My App</title>
      <!-- Path to Framework7 RTL stylesheet -->
      <link rel="stylesheet" href="path/to/framework7-bundle-rtl.min.css">

      <!-- Path to your custom app styles-->
      <link rel="stylesheet" href="path/to/my-app.css">
      ...

請注意,RTL 模式中的所有 RTL「鏡像」都是僅使用 CSS 建立的,因此您不應變更 HTML 元素的順序,並應維持 LTR 方式。