从右到左支持
Foundation 可以轻松地调整其组件,以适应从右到左阅读的语言。
HTML
您需要对标记进行一些更改,才能使 Javascript 组件正常运行。在 <html>
标签中,您需要添加一个值为 rtl
的 dir
属性。以下是您的 <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 格式。