【问题标题】：does semantic ui framework support rtl languages?语义 ui 框架是否支持 rtl 语言？
【发布时间】：2015-08-22 00:53:53
【问题描述】：

如何使语义 ui 框架支持“从右到左”？有没有无论如何让它 rtl 支持安装步骤？

【问题讨论】：

【解决方案1】：

第一： 导航到您的项目根目录，然后启动：npm install semantic-ui --save 并等待一切完成。

秒：编辑 semantic.json 文件（位于项目根目录中）并将 "rtl": false 更改为 "rtl"：真的

第三： 导航到语义目录（cd 语义）并触发：gulp build，然后 gulp watch。

【讨论】：

【解决方案2】：

您可以在以下情况下启用 RTL 支持：

1。全新安装

转到项目的文档根目录并通过 npm 安装语义用户界面

npm install semantic-ui --save

修改文档根目录中的 semantic.json 文件以启用从右到左的支持，如下所示：

“rtl”：真

在您的终端中将目录更改为 semantic 目录

cd语义/

运行以下 gulp 任务以构建所有文件并将其保存到目标文件夹

gulp 构建

gulp 将自动检测 RTL 支持并构建 css 文件的 RTL 版本并将它们保存在 dist 文件夹中，现在非常重要的最后一步是在 index 中引用语义-ui css 文件的 RTL 版本.html 或网页如下：

<link rel="stylesheet" type="text/css" href="semantic/dist/semantic.rtl.css">

2。现有安装

在您的终端中将目录更改为 semantic 目录

cd语义/

使用semantic-ui框架提供的gulp任务清理目标文件夹

一饮而尽

修改文档根目录中的 semantic.json 文件以启用从右到左的支持，如下所示：

“rtl”：真

运行以下 gulp 任务以构建所有文件并将其保存到目标文件夹

gulp 构建

gulp 将自动检测 RTL 支持并构建 css 文件的 RTL 版本并将它们保存在 dist 文件夹中。

现在您需要从

替换 html 页面中的引用

<link rel="stylesheet" type="text/css" href="semantic/dist/semantic.css">

到

<link rel="stylesheet" type="text/css" href="semantic/dist/semantic.rtl.css">

【讨论】：

【解决方案3】：

或者如果你没有通过 npm 和 gulp 安装它，你可以从RTLCSS website 获得 rtl 版本。他们还提供了一个 cdn，或者您可以下载 css 和 js 文件并在您的源代码中使用它们。

【讨论】：