スポンサースポンサーになる

RTLレイアウト

Framework7は、アラビア語やヘブライ語などのRTL（右から左）言語を完全にサポートしています。RTLモードを有効にするには、通常のCSSファイルの代わりに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の方法で保持する必要があります。

このドキュメントを改善する