2015-06-07 193 views

回答

1

第一: 导航到你的项目的根,然后火:NPM安装语义的UI --save ,等待全部完成。

第二: 编辑semantic.json文件(位于项目的根),改变“RTL”:假“RTL”:真

第三: 导航到语义目录(cd语义)和消防:吞噬版本然后吞食手表

问候 流星Rabiei

4

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

1.全新安装

去你的项目的文档根目录,并通过NPM安装语义UI

NPM安装语义的UI --save

修改semantic.json文件中的文档根目录,使从右到左的支持如下:

“RTL”:真

在终端目录更改为语义目录

cd语义/

运行以下一饮而尽任务建立的所有文件并将其保存到目标文件夹

一饮而尽建立

一口会自动检测RTL支持和建设的css文件的RTL版本将它们保存在文件夹DIST,现在是一个非常重要的最后一步是在你的的index.html或网页引用语义的UI CSS文件的RTL版本如下:

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

2。现有安装

在终端目录更改为语义目录

CD语义/

清洁利用语义的UI框架提供的一饮而尽任务的目标文件夹

gulp clean

修改semantic.json文件中的文档根目录,使从右到左的支持如下:

“RTL”:真

运行以下一饮而尽任务建立的所有文件,并保存它的目标文件夹

一饮而尽建立

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

现在,你需要从

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

在HTML页面中,以取代以

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