从右到左布局

Framework7 完全支持从右到左的语言，如阿拉伯语和希伯来语。要启用RTL模式，您只需包含具有RTL样式的CSS文件，而不是通常的文件，并添加dir="rtl"属性在htmlelement:

<!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方式。

改进此文档