陈斌彬的技术博客

Stay foolish,stay hungry

UIkit 文件结构

文件结构

在ZIP文件中，你可以找到准备在你的项目中使用的所有的CSS、JavaScript和字体文件。UIKit 的核心框架几乎没有任何样式，这样做是为了保持它的苗条。因此我们提供两个额外的风格样式，一个渐变样式和一个扁平化样式。每个风格样式提供单独的CSS文件以及压缩后的版本。

文件夹 描述

/css 包含 UIkit 所有的CSS文件和压缩后的版本。

/fonts 包含 UIKit 中使用的字体文件。

/js 包含 UIkit 所有的JavaScript文件和压缩后的版本。

/css
<!-- UIKit的基本样式 -->
uikit.css
uikit.min.css

<!-- UIKit的渐变样式 -->
uikit.gradient.css
uikit.gradient.min.css

<!-- UIKit的扁平化样式 -->
uikit.almost-flat.css
uikit.almost-flat.min.css

<!-- 高级组件 -->
/components

/fonts
<!-- FontAwesome网络字体 -->
fontawesome-webfont.eot
fontawesome-webfont.ttf
fontawesome-webfont.woff
FontAwesome.otf

/js
<!-- JavaScript和压缩后的版本 -->
uikit.js
uikit.min.js

<!-- 高级组件 -->
/components

<!-- 核心组件 -->
/core

img

HTML页面代码

首先，确保你有一个可靠的代码编辑器，比如 Sublime Text 2。你需要在你的HTML5的文档头部添加编译后的UIKit CSS和JavaScript文件，最好是压缩后的版本。别忘了添加 jQuery。就是这样！

Example

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <link rel="stylesheet" href="uikit.min.css" />
        <script src="jquery.js"></script>
        <script src="uikit.min.js"></script>
    </head>
    <body>
    </body>
</html>