从右到左支持

Foundation 可以轻松地调整其组件,以适应从右到左阅读的语言。

HTML

您需要对标记进行一些更改,才能使 Javascript 组件正常运行。在 <html> 标签中,您需要添加一个值为 rtldir 属性。以下是您的 <html> 标签应如下所示

<!-- This example is for a right-to-left Arabic layout -->
<html class="no-js" lang="ar" dir="rtl">

语言代码

您需要更改 lang 属性值以匹配您的语言。以下是一些常见的从右到左语言及其 html 代码的列表。

  • 阿拉伯语: ar
  • 波斯语: fa
  • 希伯来语: he, iw
  • 乌尔都语: ur
  • 意第绪语: yi, ji

查看美国国会图书馆网站上的完整语言代码列表


CSS 下载

如果您使用的是 Foundation 的 CSS 版本,则需要创建一个包含 RTL CSS 而不是 LTR 的自定义下载。只需在定制程序的“文本方向”部分下选择“从右到左”即可。


Sass 配置

如果您使用的是 Sass 版本的 Foundation,请打开您项目的设置文件settings.scss),并在全局部分更改此变量

$global-text-direction: rtl;

这会将框架的组件转换为 RTL 格式。