Css 语义ui框架支持rtl语言吗？

如何支持从右到左的语义ui框架？有 是否要在安装步骤中支持rtl？

首先： 导航到您的项目根目录，然后激发：npm安装语义ui--save 等待一切完成

秒： 编辑semantic.json文件（位于项目根目录中）并将“rtl”：false更改为“rtl”：true

第三名：

---

导航到semantic dir（cd semantic）并启动：gulp build，然后gulp watch

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

1.新装置 转到项目的文档根目录并通过npm安装语义ui

npm安装语义ui--保存

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

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

“rtl”：正确

在终端中，将目录更改为语义目录

cd语义/

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

狼吞虎咽

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

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

---

2.现有装置 在终端中，将目录更改为语义目录

cd语义/

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

一饮而尽

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

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

“rtl”：正确

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

狼吞虎咽

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

现在，您需要从替换html页面中的引用

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

到

---

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