Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
易企天创
zui
提交
ba267115
Z
zui
项目概览
易企天创
/
zui
12 个月 前同步成功
通知
6
Star
0
Fork
1
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
37
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
Z
zui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
37
Issue
37
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
ba267115
编写于
11月 18, 2013
作者:
C
Catouse
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
* update examples.
上级
b806c9b0
变更
33
显示空白变更内容
内联
并排
Showing
33 changed file
with
1904 addition
and
43 deletion
+1904
-43
examples/alerts.html
examples/alerts.html
+108
-0
examples/article.html
examples/article.html
+57
-0
examples/breadcrumb.html
examples/breadcrumb.html
+60
-5
examples/button-groups.html
examples/button-groups.html
+59
-6
examples/buttons.html
examples/buttons.html
+57
-0
examples/cards.html
examples/cards.html
+57
-0
examples/carousel.html
examples/carousel.html
+59
-3
examples/chosen.html
examples/chosen.html
+58
-1
examples/code.html
examples/code.html
+6
-0
examples/collapse.html
examples/collapse.html
+60
-4
examples/comment.html
examples/comment.html
+56
-0
examples/dropdowns.html
examples/dropdowns.html
+58
-3
examples/forms.html
examples/forms.html
+58
-1
examples/grid.html
examples/grid.html
+58
-2
examples/headers.html
examples/headers.html
+57
-0
examples/icons.html
examples/icons.html
+57
-0
examples/input-groups.html
examples/input-groups.html
+58
-1
examples/kindeditor.html
examples/kindeditor.html
+59
-2
examples/labels.html
examples/labels.html
+58
-1
examples/list-group.html
examples/list-group.html
+58
-1
examples/list.html
examples/list.html
+57
-0
examples/modals.html
examples/modals.html
+60
-4
examples/navbars.html
examples/navbars.html
+57
-1
examples/navs.html
examples/navs.html
+56
-0
examples/pager.html
examples/pager.html
+56
-0
examples/panels.html
examples/panels.html
+58
-1
examples/popovers.html
examples/popovers.html
+56
-0
examples/progress.html
examples/progress.html
+58
-1
examples/tables.html
examples/tables.html
+57
-0
examples/tabs.html
examples/tabs.html
+61
-5
examples/textbox.html
examples/textbox.html
+57
-1
examples/tooltip.html
examples/tooltip.html
+56
-0
examples/type.html
examples/type.html
+57
-0
未找到文件。
examples/alerts.html
浏览文件 @
ba267115
...
...
@@ -11,9 +11,117 @@
<link
href=
"../dist/css/zui.css"
rel=
"stylesheet"
>
<link
href=
"../assets/css/doc.css"
rel=
"stylesheet"
>
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../src/js/dropdown.js"
></script>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
</head>
<body>
<nav
class=
"navbar navbar-inverse navbar-fixed-top"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
"#navbar"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav"
>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
examples
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
role=
"menu"
>
<li><a
href=
"alerts.html"
>
alerts
</a></li>
<li><a
href=
"article.html"
>
article
</a></li>
<li><a
href=
"breadcrumb.html"
>
breadcrumb
</a></li>
<li><a
href=
"button-groups.html"
>
button-groups
</a></li>
<li><a
href=
"buttons.html"
>
buttons
</a></li>
<li><a
href=
"cards.html"
>
cards
</a></li>
<li><a
href=
"carousel.html"
>
carousel
</a></li>
<li><a
href=
"chosen.html"
>
chosen
</a></li>
<li><a
href=
"collapse.html"
>
collapse
</a></li>
<li><a
href=
"comment.html"
>
comment
</a></li>
<li><a
href=
"dropdowns.html"
>
dropdowns
</a></li>
<li><a
href=
"forms.html"
>
forms
</a></li>
<li><a
href=
"grid.html"
>
grid
</a></li>
<li><a
href=
"icons.html"
>
icons
</a></li>
<li><a
href=
"input-groups.html"
>
input-groups
</a></li>
<li><a
href=
"kindeditor.html"
>
kindeditor
</a></li>
<li><a
href=
"labels.html"
>
labels
</a></li>
<li><a
href=
"list-group.html"
>
list-group
</a></li>
<li><a
href=
"list.html"
>
list
</a></li>
<li><a
href=
"modals.html"
>
modals
</a></li>
<li><a
href=
"navbars.html"
>
navbars
</a></li>
<li><a
href=
"navs.html"
>
navs
</a></li>
<li><a
href=
"pager.html"
>
pager
</a></li>
<li><a
href=
"panels.html"
>
panels
</a></li>
<li><a
href=
"popovers.html"
>
popovers
</a></li>
<li><a
href=
"progress.html"
>
progress
</a></li>
<li><a
href=
"tables.html"
>
tables
</a></li>
<li><a
href=
"tabs.html"
>
tabs
</a></li>
<li><a
href=
"textbox.html"
>
textbox
</a></li>
<li><a
href=
"tooltip.html"
>
tooltip
</a></li>
<li><a
href=
"type.html"
>
type
</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<nav
class=
"navbar navbar-inverse navbar-fixed-top"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
"#navbar"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav"
>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
examples
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
role=
"menu"
>
<li><a
href=
"alerts.html"
>
alerts
</a></li>
<li><a
href=
"article.html"
>
article
</a></li>
<li><a
href=
"breadcrumb.html"
>
breadcrumb
</a></li>
<li><a
href=
"button-groups.html"
>
button-groups
</a></li>
<li><a
href=
"buttons.html"
>
buttons
</a></li>
<li><a
href=
"cards.html"
>
cards
</a></li>
<li><a
href=
"carousel.html"
>
carousel
</a></li>
<li><a
href=
"chosen.html"
>
chosen
</a></li>
<li><a
href=
"collapse.html"
>
collapse
</a></li>
<li><a
href=
"comment.html"
>
comment
</a></li>
<li><a
href=
"dropdowns.html"
>
dropdowns
</a></li>
<li><a
href=
"forms.html"
>
forms
</a></li>
<li><a
href=
"grid.html"
>
grid
</a></li>
<li><a
href=
"icons.html"
>
icons
</a></li>
<li><a
href=
"input-groups.html"
>
input-groups
</a></li>
<li><a
href=
"kindeditor.html"
>
kindeditor
</a></li>
<li><a
href=
"labels.html"
>
labels
</a></li>
<li><a
href=
"list-group.html"
>
list-group
</a></li>
<li><a
href=
"list.html"
>
list
</a></li>
<li><a
href=
"modals.html"
>
modals
</a></li>
<li><a
href=
"navbars.html"
>
navbars
</a></li>
<li><a
href=
"navs.html"
>
navs
</a></li>
<li><a
href=
"pager.html"
>
pager
</a></li>
<li><a
href=
"panels.html"
>
panels
</a></li>
<li><a
href=
"popovers.html"
>
popovers
</a></li>
<li><a
href=
"progress.html"
>
progress
</a></li>
<li><a
href=
"tables.html"
>
tables
</a></li>
<li><a
href=
"tabs.html"
>
tabs
</a></li>
<li><a
href=
"textbox.html"
>
textbox
</a></li>
<li><a
href=
"tooltip.html"
>
tooltip
</a></li>
<li><a
href=
"type.html"
>
type
</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<article>
<section
id=
"buttons"
class=
"page-section"
>
<h1
class=
"header-dividing"
>
消息框
</h1>
...
...
examples/article.html
浏览文件 @
ba267115
...
...
@@ -11,9 +11,66 @@
<link
href=
"../dist/css/zui.css"
rel=
"stylesheet"
>
<link
href=
"../assets/css/doc.css"
rel=
"stylesheet"
>
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../src/js/dropdown.js"
></script>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
</head>
<body>
<nav
class=
"navbar navbar-inverse navbar-fixed-top"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
"#navbar"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav"
>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
examples
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
role=
"menu"
>
<li><a
href=
"alerts.html"
>
alerts
</a></li>
<li><a
href=
"article.html"
>
article
</a></li>
<li><a
href=
"breadcrumb.html"
>
breadcrumb
</a></li>
<li><a
href=
"button-groups.html"
>
button-groups
</a></li>
<li><a
href=
"buttons.html"
>
buttons
</a></li>
<li><a
href=
"cards.html"
>
cards
</a></li>
<li><a
href=
"carousel.html"
>
carousel
</a></li>
<li><a
href=
"chosen.html"
>
chosen
</a></li>
<li><a
href=
"collapse.html"
>
collapse
</a></li>
<li><a
href=
"comment.html"
>
comment
</a></li>
<li><a
href=
"dropdowns.html"
>
dropdowns
</a></li>
<li><a
href=
"forms.html"
>
forms
</a></li>
<li><a
href=
"grid.html"
>
grid
</a></li>
<li><a
href=
"icons.html"
>
icons
</a></li>
<li><a
href=
"input-groups.html"
>
input-groups
</a></li>
<li><a
href=
"kindeditor.html"
>
kindeditor
</a></li>
<li><a
href=
"labels.html"
>
labels
</a></li>
<li><a
href=
"list-group.html"
>
list-group
</a></li>
<li><a
href=
"list.html"
>
list
</a></li>
<li><a
href=
"modals.html"
>
modals
</a></li>
<li><a
href=
"navbars.html"
>
navbars
</a></li>
<li><a
href=
"navs.html"
>
navs
</a></li>
<li><a
href=
"pager.html"
>
pager
</a></li>
<li><a
href=
"panels.html"
>
panels
</a></li>
<li><a
href=
"popovers.html"
>
popovers
</a></li>
<li><a
href=
"progress.html"
>
progress
</a></li>
<li><a
href=
"tables.html"
>
tables
</a></li>
<li><a
href=
"tabs.html"
>
tabs
</a></li>
<li><a
href=
"textbox.html"
>
textbox
</a></li>
<li><a
href=
"tooltip.html"
>
tooltip
</a></li>
<li><a
href=
"type.html"
>
type
</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<article
class=
"article-small"
>
<section
class=
"page-section"
>
<h1
class=
"header-dividing"
>
文章视图
</h1>
...
...
examples/breadcrumb.html
浏览文件 @
ba267115
...
...
@@ -2,16 +2,71 @@
<html>
<html
lang=
"zh-CN"
>
<head>
<meta
charset=
'utf8'
>
<meta
charset=
"utf-8"
>
<link
rel=
"stylesheet/less"
type=
"text/css"
href=
"../src/less/zui.less"
/>
<script
type=
"text/javascript"
>
less
=
{
env
:
"
development
"
,
dumpLineNumbers
:
'
mediaquery
'
};
</script>
<script
type=
"text/javascript"
src=
"../assets/js/less.js"
></script>
<script
src=
"../assets/js/less.js"
></script>
<link
href=
"../dist/css/zui.css"
rel=
"stylesheet"
>
<link
href=
"../assets/css/doc.css"
rel=
"stylesheet"
>
<!-- Latest compiled and minified JavaScript -->
<!-- <script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.1/js/bootstrap.min.js"></script> -->
</head>
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../src/js/dropdown.js"
></script>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
</head>
<body>
<nav
class=
"navbar navbar-inverse navbar-fixed-top"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
"#navbar"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav"
>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
examples
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
role=
"menu"
>
<li><a
href=
"alerts.html"
>
alerts
</a></li>
<li><a
href=
"article.html"
>
article
</a></li>
<li><a
href=
"breadcrumb.html"
>
breadcrumb
</a></li>
<li><a
href=
"button-groups.html"
>
button-groups
</a></li>
<li><a
href=
"buttons.html"
>
buttons
</a></li>
<li><a
href=
"cards.html"
>
cards
</a></li>
<li><a
href=
"carousel.html"
>
carousel
</a></li>
<li><a
href=
"chosen.html"
>
chosen
</a></li>
<li><a
href=
"collapse.html"
>
collapse
</a></li>
<li><a
href=
"comment.html"
>
comment
</a></li>
<li><a
href=
"dropdowns.html"
>
dropdowns
</a></li>
<li><a
href=
"forms.html"
>
forms
</a></li>
<li><a
href=
"grid.html"
>
grid
</a></li>
<li><a
href=
"icons.html"
>
icons
</a></li>
<li><a
href=
"input-groups.html"
>
input-groups
</a></li>
<li><a
href=
"kindeditor.html"
>
kindeditor
</a></li>
<li><a
href=
"labels.html"
>
labels
</a></li>
<li><a
href=
"list-group.html"
>
list-group
</a></li>
<li><a
href=
"list.html"
>
list
</a></li>
<li><a
href=
"modals.html"
>
modals
</a></li>
<li><a
href=
"navbars.html"
>
navbars
</a></li>
<li><a
href=
"navs.html"
>
navs
</a></li>
<li><a
href=
"pager.html"
>
pager
</a></li>
<li><a
href=
"panels.html"
>
panels
</a></li>
<li><a
href=
"popovers.html"
>
popovers
</a></li>
<li><a
href=
"progress.html"
>
progress
</a></li>
<li><a
href=
"tables.html"
>
tables
</a></li>
<li><a
href=
"tabs.html"
>
tabs
</a></li>
<li><a
href=
"textbox.html"
>
textbox
</a></li>
<li><a
href=
"tooltip.html"
>
tooltip
</a></li>
<li><a
href=
"type.html"
>
type
</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<article>
<section
id=
'breadcrumb'
class=
"page-section"
>
<h1>
面包屑
</h1>
...
...
examples/button-groups.html
浏览文件 @
ba267115
<!DOCTYPE html>
<html
lang=
"zh-CN"
>
<head>
<meta
charset=
'utf8'
>
<link
rel=
"stylesheet/less"
type=
"text/css"
href=
"../src/less/zui.less"
/>
<meta
charset=
"utf-8"
>
<link
href=
"../assets/css/doc.css"
rel=
"stylesheet"
>
<script
type=
"text/javascript"
>
less
=
{
env
:
"
development
"
,
dumpLineNumbers
:
'
mediaquery
'
};
</script>
<script
type=
"text/javascript"
src=
"../assets/js/less.js"
></script>
<script
type=
"text/javascript"
src=
"../assets/js/jquery.js"
></script>
<script
type=
"text/javascript"
src=
"../src/js/dropdown.js"
></script>
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../src/js/dropdown.js"
></script>
<link
href=
"../dist/css/zui.css"
rel=
"stylesheet"
>
<link
href=
"../assets/css/doc.css"
rel=
"stylesheet"
>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
</head>
<body>
<nav
class=
"navbar navbar-inverse navbar-fixed-top"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
"#navbar"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav"
>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
examples
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
role=
"menu"
>
<li><a
href=
"alerts.html"
>
alerts
</a></li>
<li><a
href=
"article.html"
>
article
</a></li>
<li><a
href=
"breadcrumb.html"
>
breadcrumb
</a></li>
<li><a
href=
"button-groups.html"
>
button-groups
</a></li>
<li><a
href=
"buttons.html"
>
buttons
</a></li>
<li><a
href=
"cards.html"
>
cards
</a></li>
<li><a
href=
"carousel.html"
>
carousel
</a></li>
<li><a
href=
"chosen.html"
>
chosen
</a></li>
<li><a
href=
"collapse.html"
>
collapse
</a></li>
<li><a
href=
"comment.html"
>
comment
</a></li>
<li><a
href=
"dropdowns.html"
>
dropdowns
</a></li>
<li><a
href=
"forms.html"
>
forms
</a></li>
<li><a
href=
"grid.html"
>
grid
</a></li>
<li><a
href=
"icons.html"
>
icons
</a></li>
<li><a
href=
"input-groups.html"
>
input-groups
</a></li>
<li><a
href=
"kindeditor.html"
>
kindeditor
</a></li>
<li><a
href=
"labels.html"
>
labels
</a></li>
<li><a
href=
"list-group.html"
>
list-group
</a></li>
<li><a
href=
"list.html"
>
list
</a></li>
<li><a
href=
"modals.html"
>
modals
</a></li>
<li><a
href=
"navbars.html"
>
navbars
</a></li>
<li><a
href=
"navs.html"
>
navs
</a></li>
<li><a
href=
"pager.html"
>
pager
</a></li>
<li><a
href=
"panels.html"
>
panels
</a></li>
<li><a
href=
"popovers.html"
>
popovers
</a></li>
<li><a
href=
"progress.html"
>
progress
</a></li>
<li><a
href=
"tables.html"
>
tables
</a></li>
<li><a
href=
"tabs.html"
>
tabs
</a></li>
<li><a
href=
"textbox.html"
>
textbox
</a></li>
<li><a
href=
"tooltip.html"
>
tooltip
</a></li>
<li><a
href=
"type.html"
>
type
</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<article>
<section
id=
'button-groups'
class=
"page-section"
>
<h1>
按钮组
</h1>
...
...
examples/buttons.html
浏览文件 @
ba267115
...
...
@@ -11,8 +11,65 @@
<link
href=
"../dist/css/zui.css"
rel=
"stylesheet"
>
<link
href=
"../assets/css/doc.css"
rel=
"stylesheet"
>
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../src/js/dropdown.js"
></script>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
</head>
<body>
<nav
class=
"navbar navbar-inverse navbar-fixed-top"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
"#navbar"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav"
>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
examples
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
role=
"menu"
>
<li><a
href=
"alerts.html"
>
alerts
</a></li>
<li><a
href=
"article.html"
>
article
</a></li>
<li><a
href=
"breadcrumb.html"
>
breadcrumb
</a></li>
<li><a
href=
"button-groups.html"
>
button-groups
</a></li>
<li><a
href=
"buttons.html"
>
buttons
</a></li>
<li><a
href=
"cards.html"
>
cards
</a></li>
<li><a
href=
"carousel.html"
>
carousel
</a></li>
<li><a
href=
"chosen.html"
>
chosen
</a></li>
<li><a
href=
"collapse.html"
>
collapse
</a></li>
<li><a
href=
"comment.html"
>
comment
</a></li>
<li><a
href=
"dropdowns.html"
>
dropdowns
</a></li>
<li><a
href=
"forms.html"
>
forms
</a></li>
<li><a
href=
"grid.html"
>
grid
</a></li>
<li><a
href=
"icons.html"
>
icons
</a></li>
<li><a
href=
"input-groups.html"
>
input-groups
</a></li>
<li><a
href=
"kindeditor.html"
>
kindeditor
</a></li>
<li><a
href=
"labels.html"
>
labels
</a></li>
<li><a
href=
"list-group.html"
>
list-group
</a></li>
<li><a
href=
"list.html"
>
list
</a></li>
<li><a
href=
"modals.html"
>
modals
</a></li>
<li><a
href=
"navbars.html"
>
navbars
</a></li>
<li><a
href=
"navs.html"
>
navs
</a></li>
<li><a
href=
"pager.html"
>
pager
</a></li>
<li><a
href=
"panels.html"
>
panels
</a></li>
<li><a
href=
"popovers.html"
>
popovers
</a></li>
<li><a
href=
"progress.html"
>
progress
</a></li>
<li><a
href=
"tables.html"
>
tables
</a></li>
<li><a
href=
"tabs.html"
>
tabs
</a></li>
<li><a
href=
"textbox.html"
>
textbox
</a></li>
<li><a
href=
"tooltip.html"
>
tooltip
</a></li>
<li><a
href=
"type.html"
>
type
</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<article>
<section
id=
"buttons"
class=
"page-section"
>
<div
class=
"page-header"
>
...
...
examples/cards.html
浏览文件 @
ba267115
...
...
@@ -11,9 +11,66 @@
<link
href=
"../dist/css/zui.css"
rel=
"stylesheet"
>
<link
href=
"../assets/css/doc.css"
rel=
"stylesheet"
>
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../src/js/dropdown.js"
></script>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
</head>
<body>
<nav
class=
"navbar navbar-inverse navbar-fixed-top"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
"#navbar"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav"
>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
examples
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
role=
"menu"
>
<li><a
href=
"alerts.html"
>
alerts
</a></li>
<li><a
href=
"article.html"
>
article
</a></li>
<li><a
href=
"breadcrumb.html"
>
breadcrumb
</a></li>
<li><a
href=
"button-groups.html"
>
button-groups
</a></li>
<li><a
href=
"buttons.html"
>
buttons
</a></li>
<li><a
href=
"cards.html"
>
cards
</a></li>
<li><a
href=
"carousel.html"
>
carousel
</a></li>
<li><a
href=
"chosen.html"
>
chosen
</a></li>
<li><a
href=
"collapse.html"
>
collapse
</a></li>
<li><a
href=
"comment.html"
>
comment
</a></li>
<li><a
href=
"dropdowns.html"
>
dropdowns
</a></li>
<li><a
href=
"forms.html"
>
forms
</a></li>
<li><a
href=
"grid.html"
>
grid
</a></li>
<li><a
href=
"icons.html"
>
icons
</a></li>
<li><a
href=
"input-groups.html"
>
input-groups
</a></li>
<li><a
href=
"kindeditor.html"
>
kindeditor
</a></li>
<li><a
href=
"labels.html"
>
labels
</a></li>
<li><a
href=
"list-group.html"
>
list-group
</a></li>
<li><a
href=
"list.html"
>
list
</a></li>
<li><a
href=
"modals.html"
>
modals
</a></li>
<li><a
href=
"navbars.html"
>
navbars
</a></li>
<li><a
href=
"navs.html"
>
navs
</a></li>
<li><a
href=
"pager.html"
>
pager
</a></li>
<li><a
href=
"panels.html"
>
panels
</a></li>
<li><a
href=
"popovers.html"
>
popovers
</a></li>
<li><a
href=
"progress.html"
>
progress
</a></li>
<li><a
href=
"tables.html"
>
tables
</a></li>
<li><a
href=
"tabs.html"
>
tabs
</a></li>
<li><a
href=
"textbox.html"
>
textbox
</a></li>
<li><a
href=
"tooltip.html"
>
tooltip
</a></li>
<li><a
href=
"type.html"
>
type
</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<div
class=
"container"
>
<section
class=
"page-section"
>
<h1
class=
"header-dividing"
>
卡片视图
</h1>
...
...
examples/carousel.html
浏览文件 @
ba267115
...
...
@@ -4,11 +4,67 @@
<meta
charset=
'utf8'
>
<link
href=
"../dist/css/zui.css"
rel=
"stylesheet"
>
<link
href=
"../assets/css/doc.css"
rel=
"stylesheet"
>
<script
type=
"text/javascript"
src=
"../assets/js/jquery.js"
></script>
<script
type=
"text/javascript"
src=
"../src/js/transition.js"
></script>
<script
type=
"text/javascript"
src=
"../src/js/carousel.js"
></script>
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../src/js/transition.js"
></script>
<script
src=
"../src/js/carousel.js"
></script>
<script
src=
"../src/js/dropdown.js"
></script>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
</head>
<body>
<nav
class=
"navbar navbar-inverse navbar-fixed-top"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
"#navbar"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav"
>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
examples
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
role=
"menu"
>
<li><a
href=
"alerts.html"
>
alerts
</a></li>
<li><a
href=
"article.html"
>
article
</a></li>
<li><a
href=
"breadcrumb.html"
>
breadcrumb
</a></li>
<li><a
href=
"button-groups.html"
>
button-groups
</a></li>
<li><a
href=
"buttons.html"
>
buttons
</a></li>
<li><a
href=
"cards.html"
>
cards
</a></li>
<li><a
href=
"carousel.html"
>
carousel
</a></li>
<li><a
href=
"chosen.html"
>
chosen
</a></li>
<li><a
href=
"collapse.html"
>
collapse
</a></li>
<li><a
href=
"comment.html"
>
comment
</a></li>
<li><a
href=
"dropdowns.html"
>
dropdowns
</a></li>
<li><a
href=
"forms.html"
>
forms
</a></li>
<li><a
href=
"grid.html"
>
grid
</a></li>
<li><a
href=
"icons.html"
>
icons
</a></li>
<li><a
href=
"input-groups.html"
>
input-groups
</a></li>
<li><a
href=
"kindeditor.html"
>
kindeditor
</a></li>
<li><a
href=
"labels.html"
>
labels
</a></li>
<li><a
href=
"list-group.html"
>
list-group
</a></li>
<li><a
href=
"list.html"
>
list
</a></li>
<li><a
href=
"modals.html"
>
modals
</a></li>
<li><a
href=
"navbars.html"
>
navbars
</a></li>
<li><a
href=
"navs.html"
>
navs
</a></li>
<li><a
href=
"pager.html"
>
pager
</a></li>
<li><a
href=
"panels.html"
>
panels
</a></li>
<li><a
href=
"popovers.html"
>
popovers
</a></li>
<li><a
href=
"progress.html"
>
progress
</a></li>
<li><a
href=
"tables.html"
>
tables
</a></li>
<li><a
href=
"tabs.html"
>
tabs
</a></li>
<li><a
href=
"textbox.html"
>
textbox
</a></li>
<li><a
href=
"tooltip.html"
>
tooltip
</a></li>
<li><a
href=
"type.html"
>
type
</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<article>
<section
id=
'carousel'
class=
"page-section"
>
<h1>
轮播
</h1>
...
...
examples/chosen.html
浏览文件 @
ba267115
...
...
@@ -11,8 +11,65 @@
/* fix rtl for demo */
.chosen-rtl
.chosen-drop
{
left
:
-9000px
;
}
</style>
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../src/js/dropdown.js"
></script>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
</head>
<body>
<nav
class=
"navbar navbar-inverse navbar-fixed-top"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
"#navbar"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav"
>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
examples
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
role=
"menu"
>
<li><a
href=
"alerts.html"
>
alerts
</a></li>
<li><a
href=
"article.html"
>
article
</a></li>
<li><a
href=
"breadcrumb.html"
>
breadcrumb
</a></li>
<li><a
href=
"button-groups.html"
>
button-groups
</a></li>
<li><a
href=
"buttons.html"
>
buttons
</a></li>
<li><a
href=
"cards.html"
>
cards
</a></li>
<li><a
href=
"carousel.html"
>
carousel
</a></li>
<li><a
href=
"chosen.html"
>
chosen
</a></li>
<li><a
href=
"collapse.html"
>
collapse
</a></li>
<li><a
href=
"comment.html"
>
comment
</a></li>
<li><a
href=
"dropdowns.html"
>
dropdowns
</a></li>
<li><a
href=
"forms.html"
>
forms
</a></li>
<li><a
href=
"grid.html"
>
grid
</a></li>
<li><a
href=
"icons.html"
>
icons
</a></li>
<li><a
href=
"input-groups.html"
>
input-groups
</a></li>
<li><a
href=
"kindeditor.html"
>
kindeditor
</a></li>
<li><a
href=
"labels.html"
>
labels
</a></li>
<li><a
href=
"list-group.html"
>
list-group
</a></li>
<li><a
href=
"list.html"
>
list
</a></li>
<li><a
href=
"modals.html"
>
modals
</a></li>
<li><a
href=
"navbars.html"
>
navbars
</a></li>
<li><a
href=
"navs.html"
>
navs
</a></li>
<li><a
href=
"pager.html"
>
pager
</a></li>
<li><a
href=
"panels.html"
>
panels
</a></li>
<li><a
href=
"popovers.html"
>
popovers
</a></li>
<li><a
href=
"progress.html"
>
progress
</a></li>
<li><a
href=
"tables.html"
>
tables
</a></li>
<li><a
href=
"tabs.html"
>
tabs
</a></li>
<li><a
href=
"textbox.html"
>
textbox
</a></li>
<li><a
href=
"tooltip.html"
>
tooltip
</a></li>
<li><a
href=
"type.html"
>
type
</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<article>
<form>
<div
id=
"container"
>
...
...
@@ -1454,7 +1511,7 @@
</div>
</div>
<script
type=
"text/javascript"
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../plugins/chosen/chosen.jquery.js"
type=
"text/javascript"
></script>
<script
src=
"../assets/js/google-code-prettify/prettify.js"
></script>
...
...
examples/code.html
浏览文件 @
ba267115
...
...
@@ -12,6 +12,12 @@
<link
href=
"../dist/css/zui.css"
rel=
"stylesheet"
>
<link
href=
"../assets/css/doc.css"
rel=
"stylesheet"
>
<script
src=
"../assets/js/google-code-prettify/prettify.js"
></script>
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../src/js/dropdown.js"
></script>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
</head>
<body
onload=
"prettyPrint()"
>
...
...
examples/collapse.html
浏览文件 @
ba267115
...
...
@@ -6,13 +6,69 @@
<link
href=
"../assets/css/doc.css"
rel=
"stylesheet"
>
<link
rel=
"stylesheet/less"
type=
"text/css"
href=
"../src/less/zui.less"
/>
<script
type=
"text/javascript"
>
less
=
{
env
:
"
development
"
,
dumpLineNumbers
:
'
mediaquery
'
};
</script>
<script
type=
"text/javascript"
src=
"../assets/js/less.js"
></script>
<script
type=
"text/javascript"
src=
"../assets/js/jquery.js"
></script>
<script
type=
"text/javascript"
src=
"../src/js/collapse.js"
></script>
<script
type=
"text/javascript"
src=
"../src/js/transition.js"
></script>
<script
src=
"../assets/js/less.js"
></script>
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../src/js/collapse.js"
></script>
<script
src=
"../src/js/transition.js"
></script>
<script
src=
"../src/js/dropdown.js"
></script>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
</head>
<body>
<nav
class=
"navbar navbar-inverse navbar-fixed-top"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
"#navbar"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav"
>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
examples
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
role=
"menu"
>
<li><a
href=
"alerts.html"
>
alerts
</a></li>
<li><a
href=
"article.html"
>
article
</a></li>
<li><a
href=
"breadcrumb.html"
>
breadcrumb
</a></li>
<li><a
href=
"button-groups.html"
>
button-groups
</a></li>
<li><a
href=
"buttons.html"
>
buttons
</a></li>
<li><a
href=
"cards.html"
>
cards
</a></li>
<li><a
href=
"carousel.html"
>
carousel
</a></li>
<li><a
href=
"chosen.html"
>
chosen
</a></li>
<li><a
href=
"collapse.html"
>
collapse
</a></li>
<li><a
href=
"comment.html"
>
comment
</a></li>
<li><a
href=
"dropdowns.html"
>
dropdowns
</a></li>
<li><a
href=
"forms.html"
>
forms
</a></li>
<li><a
href=
"grid.html"
>
grid
</a></li>
<li><a
href=
"icons.html"
>
icons
</a></li>
<li><a
href=
"input-groups.html"
>
input-groups
</a></li>
<li><a
href=
"kindeditor.html"
>
kindeditor
</a></li>
<li><a
href=
"labels.html"
>
labels
</a></li>
<li><a
href=
"list-group.html"
>
list-group
</a></li>
<li><a
href=
"list.html"
>
list
</a></li>
<li><a
href=
"modals.html"
>
modals
</a></li>
<li><a
href=
"navbars.html"
>
navbars
</a></li>
<li><a
href=
"navs.html"
>
navs
</a></li>
<li><a
href=
"pager.html"
>
pager
</a></li>
<li><a
href=
"panels.html"
>
panels
</a></li>
<li><a
href=
"popovers.html"
>
popovers
</a></li>
<li><a
href=
"progress.html"
>
progress
</a></li>
<li><a
href=
"tables.html"
>
tables
</a></li>
<li><a
href=
"tabs.html"
>
tabs
</a></li>
<li><a
href=
"textbox.html"
>
textbox
</a></li>
<li><a
href=
"tooltip.html"
>
tooltip
</a></li>
<li><a
href=
"type.html"
>
type
</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<article>
<section
id=
'collapse'
class=
"page-section"
>
<h1>
折叠
</h1>
...
...
examples/comment.html
浏览文件 @
ba267115
...
...
@@ -12,6 +12,7 @@
<link
href=
"../dist/css/zui.css"
rel=
"stylesheet"
>
<link
href=
"../assets/css/doc.css"
rel=
"stylesheet"
>
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../assets/js/jquery.js"
></script>
<script>
$
(
function
()
{
...
...
@@ -21,9 +22,64 @@
});
});
</script>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
</head>
<body>
<nav
class=
"navbar navbar-inverse navbar-fixed-top"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
"#navbar"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav"
>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
examples
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
role=
"menu"
>
<li><a
href=
"alerts.html"
>
alerts
</a></li>
<li><a
href=
"article.html"
>
article
</a></li>
<li><a
href=
"breadcrumb.html"
>
breadcrumb
</a></li>
<li><a
href=
"button-groups.html"
>
button-groups
</a></li>
<li><a
href=
"buttons.html"
>
buttons
</a></li>
<li><a
href=
"cards.html"
>
cards
</a></li>
<li><a
href=
"carousel.html"
>
carousel
</a></li>
<li><a
href=
"chosen.html"
>
chosen
</a></li>
<li><a
href=
"collapse.html"
>
collapse
</a></li>
<li><a
href=
"comment.html"
>
comment
</a></li>
<li><a
href=
"dropdowns.html"
>
dropdowns
</a></li>
<li><a
href=
"forms.html"
>
forms
</a></li>
<li><a
href=
"grid.html"
>
grid
</a></li>
<li><a
href=
"icons.html"
>
icons
</a></li>
<li><a
href=
"input-groups.html"
>
input-groups
</a></li>
<li><a
href=
"kindeditor.html"
>
kindeditor
</a></li>
<li><a
href=
"labels.html"
>
labels
</a></li>
<li><a
href=
"list-group.html"
>
list-group
</a></li>
<li><a
href=
"list.html"
>
list
</a></li>
<li><a
href=
"modals.html"
>
modals
</a></li>
<li><a
href=
"navbars.html"
>
navbars
</a></li>
<li><a
href=
"navs.html"
>
navs
</a></li>
<li><a
href=
"pager.html"
>
pager
</a></li>
<li><a
href=
"panels.html"
>
panels
</a></li>
<li><a
href=
"popovers.html"
>
popovers
</a></li>
<li><a
href=
"progress.html"
>
progress
</a></li>
<li><a
href=
"tables.html"
>
tables
</a></li>
<li><a
href=
"tabs.html"
>
tabs
</a></li>
<li><a
href=
"textbox.html"
>
textbox
</a></li>
<li><a
href=
"tooltip.html"
>
tooltip
</a></li>
<li><a
href=
"type.html"
>
type
</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<article
class=
"article-small"
>
<section
id=
"buttons"
class=
"page-section"
>
<h1
class=
"header-dividing"
>
评论视图
</h1>
...
...
examples/dropdowns.html
浏览文件 @
ba267115
...
...
@@ -5,12 +5,67 @@
<link
href=
"../assets/css/doc.css"
rel=
"stylesheet"
>
<link
rel=
"stylesheet/less"
type=
"text/css"
href=
"../src/less/zui.less"
/>
<script
type=
"text/javascript"
>
less
=
{
env
:
"
development
"
,
dumpLineNumbers
:
'
mediaquery
'
};
</script>
<script
type=
"text/javascript"
src=
"../assets/js/less.js"
></script>
<script
type=
"text/javascript"
src=
"../assets/js/jquery.js"
></script>
<script
type=
"text/javascript"
src=
"../src/js/dropdown.js"
></script>
<script
src=
"../assets/js/less.js"
></script>
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../src/js/dropdown.js"
></script>
<link
href=
"../dist/css/zui.css"
rel=
"stylesheet"
>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
</head>
<body>
<nav
class=
"navbar navbar-inverse navbar-fixed-top"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
"#navbar"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav"
>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
examples
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
role=
"menu"
>
<li><a
href=
"alerts.html"
>
alerts
</a></li>
<li><a
href=
"article.html"
>
article
</a></li>
<li><a
href=
"breadcrumb.html"
>
breadcrumb
</a></li>
<li><a
href=
"button-groups.html"
>
button-groups
</a></li>
<li><a
href=
"buttons.html"
>
buttons
</a></li>
<li><a
href=
"cards.html"
>
cards
</a></li>
<li><a
href=
"carousel.html"
>
carousel
</a></li>
<li><a
href=
"chosen.html"
>
chosen
</a></li>
<li><a
href=
"collapse.html"
>
collapse
</a></li>
<li><a
href=
"comment.html"
>
comment
</a></li>
<li><a
href=
"dropdowns.html"
>
dropdowns
</a></li>
<li><a
href=
"forms.html"
>
forms
</a></li>
<li><a
href=
"grid.html"
>
grid
</a></li>
<li><a
href=
"icons.html"
>
icons
</a></li>
<li><a
href=
"input-groups.html"
>
input-groups
</a></li>
<li><a
href=
"kindeditor.html"
>
kindeditor
</a></li>
<li><a
href=
"labels.html"
>
labels
</a></li>
<li><a
href=
"list-group.html"
>
list-group
</a></li>
<li><a
href=
"list.html"
>
list
</a></li>
<li><a
href=
"modals.html"
>
modals
</a></li>
<li><a
href=
"navbars.html"
>
navbars
</a></li>
<li><a
href=
"navs.html"
>
navs
</a></li>
<li><a
href=
"pager.html"
>
pager
</a></li>
<li><a
href=
"panels.html"
>
panels
</a></li>
<li><a
href=
"popovers.html"
>
popovers
</a></li>
<li><a
href=
"progress.html"
>
progress
</a></li>
<li><a
href=
"tables.html"
>
tables
</a></li>
<li><a
href=
"tabs.html"
>
tabs
</a></li>
<li><a
href=
"textbox.html"
>
textbox
</a></li>
<li><a
href=
"tooltip.html"
>
tooltip
</a></li>
<li><a
href=
"type.html"
>
type
</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<article>
<section
id=
'dropdowns'
class=
"page-section"
>
<h1>
下拉菜单
</h1>
...
...
examples/forms.html
浏览文件 @
ba267115
...
...
@@ -9,11 +9,68 @@
<link
href=
"../assets/css/doc.css"
rel=
"stylesheet"
>
<link
rel=
"stylesheet/less"
type=
"text/css"
href=
"../src/less/zui.less"
/>
<script
type=
"text/javascript"
>
less
=
{
env
:
"
development
"
,
dumpLineNumbers
:
'
mediaquery
'
};
</script>
<script
type=
"text/javascript"
src=
"../assets/js/less.js"
></script>
<script
src=
"../assets/js/less.js"
></script>
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../src/js/dropdown.js"
></script>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
</head>
</style>
<body>
<nav
class=
"navbar navbar-inverse navbar-fixed-top"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
"#navbar"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav"
>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
examples
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
role=
"menu"
>
<li><a
href=
"alerts.html"
>
alerts
</a></li>
<li><a
href=
"article.html"
>
article
</a></li>
<li><a
href=
"breadcrumb.html"
>
breadcrumb
</a></li>
<li><a
href=
"button-groups.html"
>
button-groups
</a></li>
<li><a
href=
"buttons.html"
>
buttons
</a></li>
<li><a
href=
"cards.html"
>
cards
</a></li>
<li><a
href=
"carousel.html"
>
carousel
</a></li>
<li><a
href=
"chosen.html"
>
chosen
</a></li>
<li><a
href=
"collapse.html"
>
collapse
</a></li>
<li><a
href=
"comment.html"
>
comment
</a></li>
<li><a
href=
"dropdowns.html"
>
dropdowns
</a></li>
<li><a
href=
"forms.html"
>
forms
</a></li>
<li><a
href=
"grid.html"
>
grid
</a></li>
<li><a
href=
"icons.html"
>
icons
</a></li>
<li><a
href=
"input-groups.html"
>
input-groups
</a></li>
<li><a
href=
"kindeditor.html"
>
kindeditor
</a></li>
<li><a
href=
"labels.html"
>
labels
</a></li>
<li><a
href=
"list-group.html"
>
list-group
</a></li>
<li><a
href=
"list.html"
>
list
</a></li>
<li><a
href=
"modals.html"
>
modals
</a></li>
<li><a
href=
"navbars.html"
>
navbars
</a></li>
<li><a
href=
"navs.html"
>
navs
</a></li>
<li><a
href=
"pager.html"
>
pager
</a></li>
<li><a
href=
"panels.html"
>
panels
</a></li>
<li><a
href=
"popovers.html"
>
popovers
</a></li>
<li><a
href=
"progress.html"
>
progress
</a></li>
<li><a
href=
"tables.html"
>
tables
</a></li>
<li><a
href=
"tabs.html"
>
tabs
</a></li>
<li><a
href=
"textbox.html"
>
textbox
</a></li>
<li><a
href=
"tooltip.html"
>
tooltip
</a></li>
<li><a
href=
"type.html"
>
type
</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<article>
<section
id=
'form'
class=
"page-section"
>
<div
class=
"page-header"
><h1>
表单
</h1></div>
...
...
examples/grid.html
浏览文件 @
ba267115
...
...
@@ -7,14 +7,70 @@
<title>
ZUI
</title>
<link
rel=
"stylesheet/less"
type=
"text/css"
href=
"../src/less/zui.less"
/>
<script
type=
"text/javascript"
>
less
=
{
env
:
"
development
"
,
dumpLineNumbers
:
'
mediaquery
'
};
</script>
<script
type=
"text/javascript"
src=
"../assets/js/less.js"
></script>
<script
src=
"../assets/js/less.js"
></script>
<link
href=
"../dist/css/zui.css"
rel=
"stylesheet"
>
<link
href=
"../assets/css/doc.css"
rel=
"stylesheet"
>
<!-- Latest compiled and minified JavaScript -->
<script
src=
"http://cdn.bootcss.com/twitter-bootstrap/3.0.1/js/bootstrap.min.js"
></script>
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../src/js/dropdown.js"
></script>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
</head>
<body>
<nav
class=
"navbar navbar-inverse navbar-fixed-top"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
"#navbar"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav"
>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
examples
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
role=
"menu"
>
<li><a
href=
"alerts.html"
>
alerts
</a></li>
<li><a
href=
"article.html"
>
article
</a></li>
<li><a
href=
"breadcrumb.html"
>
breadcrumb
</a></li>
<li><a
href=
"button-groups.html"
>
button-groups
</a></li>
<li><a
href=
"buttons.html"
>
buttons
</a></li>
<li><a
href=
"cards.html"
>
cards
</a></li>
<li><a
href=
"carousel.html"
>
carousel
</a></li>
<li><a
href=
"chosen.html"
>
chosen
</a></li>
<li><a
href=
"collapse.html"
>
collapse
</a></li>
<li><a
href=
"comment.html"
>
comment
</a></li>
<li><a
href=
"dropdowns.html"
>
dropdowns
</a></li>
<li><a
href=
"forms.html"
>
forms
</a></li>
<li><a
href=
"grid.html"
>
grid
</a></li>
<li><a
href=
"icons.html"
>
icons
</a></li>
<li><a
href=
"input-groups.html"
>
input-groups
</a></li>
<li><a
href=
"kindeditor.html"
>
kindeditor
</a></li>
<li><a
href=
"labels.html"
>
labels
</a></li>
<li><a
href=
"list-group.html"
>
list-group
</a></li>
<li><a
href=
"list.html"
>
list
</a></li>
<li><a
href=
"modals.html"
>
modals
</a></li>
<li><a
href=
"navbars.html"
>
navbars
</a></li>
<li><a
href=
"navs.html"
>
navs
</a></li>
<li><a
href=
"pager.html"
>
pager
</a></li>
<li><a
href=
"panels.html"
>
panels
</a></li>
<li><a
href=
"popovers.html"
>
popovers
</a></li>
<li><a
href=
"progress.html"
>
progress
</a></li>
<li><a
href=
"tables.html"
>
tables
</a></li>
<li><a
href=
"tabs.html"
>
tabs
</a></li>
<li><a
href=
"textbox.html"
>
textbox
</a></li>
<li><a
href=
"tooltip.html"
>
tooltip
</a></li>
<li><a
href=
"type.html"
>
type
</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<style>
.row
{
margin-bottom
:
20px
;
}
.row
.row
{
margin-top
:
10px
;
margin-bottom
:
0
;
}
...
...
examples/header.html
→
examples/header
s
.html
浏览文件 @
ba267115
...
...
@@ -11,9 +11,66 @@
<link
href=
"../dist/css/zui.css"
rel=
"stylesheet"
>
<link
href=
"../assets/css/doc.css"
rel=
"stylesheet"
>
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../src/js/dropdown.js"
></script>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
</head>
<body>
<nav
class=
"navbar navbar-inverse navbar-fixed-top"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
"#navbar"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav"
>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
examples
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
role=
"menu"
>
<li><a
href=
"alerts.html"
>
alerts
</a></li>
<li><a
href=
"article.html"
>
article
</a></li>
<li><a
href=
"breadcrumb.html"
>
breadcrumb
</a></li>
<li><a
href=
"button-groups.html"
>
button-groups
</a></li>
<li><a
href=
"buttons.html"
>
buttons
</a></li>
<li><a
href=
"cards.html"
>
cards
</a></li>
<li><a
href=
"carousel.html"
>
carousel
</a></li>
<li><a
href=
"chosen.html"
>
chosen
</a></li>
<li><a
href=
"collapse.html"
>
collapse
</a></li>
<li><a
href=
"comment.html"
>
comment
</a></li>
<li><a
href=
"dropdowns.html"
>
dropdowns
</a></li>
<li><a
href=
"forms.html"
>
forms
</a></li>
<li><a
href=
"grid.html"
>
grid
</a></li>
<li><a
href=
"icons.html"
>
icons
</a></li>
<li><a
href=
"input-groups.html"
>
input-groups
</a></li>
<li><a
href=
"kindeditor.html"
>
kindeditor
</a></li>
<li><a
href=
"labels.html"
>
labels
</a></li>
<li><a
href=
"list-group.html"
>
list-group
</a></li>
<li><a
href=
"list.html"
>
list
</a></li>
<li><a
href=
"modals.html"
>
modals
</a></li>
<li><a
href=
"navbars.html"
>
navbars
</a></li>
<li><a
href=
"navs.html"
>
navs
</a></li>
<li><a
href=
"pager.html"
>
pager
</a></li>
<li><a
href=
"panels.html"
>
panels
</a></li>
<li><a
href=
"popovers.html"
>
popovers
</a></li>
<li><a
href=
"progress.html"
>
progress
</a></li>
<li><a
href=
"tables.html"
>
tables
</a></li>
<li><a
href=
"tabs.html"
>
tabs
</a></li>
<li><a
href=
"textbox.html"
>
textbox
</a></li>
<li><a
href=
"tooltip.html"
>
tooltip
</a></li>
<li><a
href=
"type.html"
>
type
</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<article>
<section
id=
"buttons"
class=
"page-section"
>
<h1
class=
"header-dividing"
>
Headers
</h1>
...
...
examples/icons.html
浏览文件 @
ba267115
...
...
@@ -10,8 +10,65 @@
<!--[if lt IE 8]><!-->
<link
rel=
"stylesheet"
href=
"ie7/ie7.css"
>
<!--<![endif]-->
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../src/js/dropdown.js"
></script>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
</head>
<body>
<nav
class=
"navbar navbar-inverse navbar-fixed-top"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
"#navbar"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav"
>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
examples
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
role=
"menu"
>
<li><a
href=
"alerts.html"
>
alerts
</a></li>
<li><a
href=
"article.html"
>
article
</a></li>
<li><a
href=
"breadcrumb.html"
>
breadcrumb
</a></li>
<li><a
href=
"button-groups.html"
>
button-groups
</a></li>
<li><a
href=
"buttons.html"
>
buttons
</a></li>
<li><a
href=
"cards.html"
>
cards
</a></li>
<li><a
href=
"carousel.html"
>
carousel
</a></li>
<li><a
href=
"chosen.html"
>
chosen
</a></li>
<li><a
href=
"collapse.html"
>
collapse
</a></li>
<li><a
href=
"comment.html"
>
comment
</a></li>
<li><a
href=
"dropdowns.html"
>
dropdowns
</a></li>
<li><a
href=
"forms.html"
>
forms
</a></li>
<li><a
href=
"grid.html"
>
grid
</a></li>
<li><a
href=
"icons.html"
>
icons
</a></li>
<li><a
href=
"input-groups.html"
>
input-groups
</a></li>
<li><a
href=
"kindeditor.html"
>
kindeditor
</a></li>
<li><a
href=
"labels.html"
>
labels
</a></li>
<li><a
href=
"list-group.html"
>
list-group
</a></li>
<li><a
href=
"list.html"
>
list
</a></li>
<li><a
href=
"modals.html"
>
modals
</a></li>
<li><a
href=
"navbars.html"
>
navbars
</a></li>
<li><a
href=
"navs.html"
>
navs
</a></li>
<li><a
href=
"pager.html"
>
pager
</a></li>
<li><a
href=
"panels.html"
>
panels
</a></li>
<li><a
href=
"popovers.html"
>
popovers
</a></li>
<li><a
href=
"progress.html"
>
progress
</a></li>
<li><a
href=
"tables.html"
>
tables
</a></li>
<li><a
href=
"tabs.html"
>
tabs
</a></li>
<li><a
href=
"textbox.html"
>
textbox
</a></li>
<li><a
href=
"tooltip.html"
>
tooltip
</a></li>
<li><a
href=
"type.html"
>
type
</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<div
class=
"bgc1 clearfix"
>
<h1
class=
"mhmm mvm"
><span
class=
"fgc1"
>
Font Name:
</span>
ZenIcon
<small
class=
"fgc1"
>
(Glyphs:
369)
</small></h1>
</div>
...
...
examples/input-groups.html
浏览文件 @
ba267115
...
...
@@ -9,10 +9,67 @@
<link
href=
"../assets/css/doc.css"
rel=
"stylesheet"
>
<link
rel=
"stylesheet/less"
type=
"text/css"
href=
"../src/less/zui.less"
/>
<script
type=
"text/javascript"
>
less
=
{
env
:
"
development
"
,
dumpLineNumbers
:
'
mediaquery
'
};
</script>
<script
type=
"text/javascript"
src=
"../assets/js/less.js"
></script>
<script
src=
"../assets/js/less.js"
></script>
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../src/js/dropdown.js"
></script>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
</head>
<body>
<nav
class=
"navbar navbar-inverse navbar-fixed-top"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
"#navbar"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav"
>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
examples
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
role=
"menu"
>
<li><a
href=
"alerts.html"
>
alerts
</a></li>
<li><a
href=
"article.html"
>
article
</a></li>
<li><a
href=
"breadcrumb.html"
>
breadcrumb
</a></li>
<li><a
href=
"button-groups.html"
>
button-groups
</a></li>
<li><a
href=
"buttons.html"
>
buttons
</a></li>
<li><a
href=
"cards.html"
>
cards
</a></li>
<li><a
href=
"carousel.html"
>
carousel
</a></li>
<li><a
href=
"chosen.html"
>
chosen
</a></li>
<li><a
href=
"collapse.html"
>
collapse
</a></li>
<li><a
href=
"comment.html"
>
comment
</a></li>
<li><a
href=
"dropdowns.html"
>
dropdowns
</a></li>
<li><a
href=
"forms.html"
>
forms
</a></li>
<li><a
href=
"grid.html"
>
grid
</a></li>
<li><a
href=
"icons.html"
>
icons
</a></li>
<li><a
href=
"input-groups.html"
>
input-groups
</a></li>
<li><a
href=
"kindeditor.html"
>
kindeditor
</a></li>
<li><a
href=
"labels.html"
>
labels
</a></li>
<li><a
href=
"list-group.html"
>
list-group
</a></li>
<li><a
href=
"list.html"
>
list
</a></li>
<li><a
href=
"modals.html"
>
modals
</a></li>
<li><a
href=
"navbars.html"
>
navbars
</a></li>
<li><a
href=
"navs.html"
>
navs
</a></li>
<li><a
href=
"pager.html"
>
pager
</a></li>
<li><a
href=
"panels.html"
>
panels
</a></li>
<li><a
href=
"popovers.html"
>
popovers
</a></li>
<li><a
href=
"progress.html"
>
progress
</a></li>
<li><a
href=
"tables.html"
>
tables
</a></li>
<li><a
href=
"tabs.html"
>
tabs
</a></li>
<li><a
href=
"textbox.html"
>
textbox
</a></li>
<li><a
href=
"tooltip.html"
>
tooltip
</a></li>
<li><a
href=
"type.html"
>
type
</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<article>
<section
id=
'input-groups'
class=
"page-section"
>
<div
class=
"page-header"
><h1>
输入框组
</h1></div>
...
...
examples/kindeditor.html
浏览文件 @
ba267115
...
...
@@ -5,7 +5,9 @@
<link
href=
"../assets/css/doc.css"
rel=
"stylesheet"
>
<link
href=
"../dist/css/zui.css"
rel=
"stylesheet"
>
<link
href=
"../plugins/kindeditor/themes/default/default.css"
rel=
"stylesheet"
>
<script
type=
"text/javascript"
src=
"../plugins/kindeditor/kindeditor-min.js"
></script>
<script
src=
"../plugins/kindeditor/kindeditor-min.js"
></script>
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../src/js/dropdown.js"
></script>
<script>
KindEditor
.
ready
(
function
(
K
)
{
...
...
@@ -26,8 +28,63 @@
});
</script>
</head>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
</head>
<body>
<nav
class=
"navbar navbar-inverse navbar-fixed-top"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
"#navbar"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav"
>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
examples
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
role=
"menu"
>
<li><a
href=
"alerts.html"
>
alerts
</a></li>
<li><a
href=
"article.html"
>
article
</a></li>
<li><a
href=
"breadcrumb.html"
>
breadcrumb
</a></li>
<li><a
href=
"button-groups.html"
>
button-groups
</a></li>
<li><a
href=
"buttons.html"
>
buttons
</a></li>
<li><a
href=
"cards.html"
>
cards
</a></li>
<li><a
href=
"carousel.html"
>
carousel
</a></li>
<li><a
href=
"chosen.html"
>
chosen
</a></li>
<li><a
href=
"collapse.html"
>
collapse
</a></li>
<li><a
href=
"comment.html"
>
comment
</a></li>
<li><a
href=
"dropdowns.html"
>
dropdowns
</a></li>
<li><a
href=
"forms.html"
>
forms
</a></li>
<li><a
href=
"grid.html"
>
grid
</a></li>
<li><a
href=
"icons.html"
>
icons
</a></li>
<li><a
href=
"input-groups.html"
>
input-groups
</a></li>
<li><a
href=
"kindeditor.html"
>
kindeditor
</a></li>
<li><a
href=
"labels.html"
>
labels
</a></li>
<li><a
href=
"list-group.html"
>
list-group
</a></li>
<li><a
href=
"list.html"
>
list
</a></li>
<li><a
href=
"modals.html"
>
modals
</a></li>
<li><a
href=
"navbars.html"
>
navbars
</a></li>
<li><a
href=
"navs.html"
>
navs
</a></li>
<li><a
href=
"pager.html"
>
pager
</a></li>
<li><a
href=
"panels.html"
>
panels
</a></li>
<li><a
href=
"popovers.html"
>
popovers
</a></li>
<li><a
href=
"progress.html"
>
progress
</a></li>
<li><a
href=
"tables.html"
>
tables
</a></li>
<li><a
href=
"tabs.html"
>
tabs
</a></li>
<li><a
href=
"textbox.html"
>
textbox
</a></li>
<li><a
href=
"tooltip.html"
>
tooltip
</a></li>
<li><a
href=
"type.html"
>
type
</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<article>
<section
id=
'kendeditor'
class=
"page-section"
>
<h1>
富文本编辑器Kindeditor
</h1>
...
...
examples/labels.html
浏览文件 @
ba267115
...
...
@@ -9,10 +9,67 @@
<link
href=
"../assets/css/doc.css"
rel=
"stylesheet"
>
<link
rel=
"stylesheet/less"
type=
"text/css"
href=
"../src/less/zui.less"
/>
<script
type=
"text/javascript"
>
less
=
{
env
:
"
development
"
,
dumpLineNumbers
:
'
mediaquery
'
};
</script>
<script
type=
"text/javascript"
src=
"../assets/js/less.js"
></script>
<script
src=
"../assets/js/less.js"
></script>
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../src/js/dropdown.js"
></script>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
</head>
<body>
<nav
class=
"navbar navbar-inverse navbar-fixed-top"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
"#navbar"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav"
>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
examples
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
role=
"menu"
>
<li><a
href=
"alerts.html"
>
alerts
</a></li>
<li><a
href=
"article.html"
>
article
</a></li>
<li><a
href=
"breadcrumb.html"
>
breadcrumb
</a></li>
<li><a
href=
"button-groups.html"
>
button-groups
</a></li>
<li><a
href=
"buttons.html"
>
buttons
</a></li>
<li><a
href=
"cards.html"
>
cards
</a></li>
<li><a
href=
"carousel.html"
>
carousel
</a></li>
<li><a
href=
"chosen.html"
>
chosen
</a></li>
<li><a
href=
"collapse.html"
>
collapse
</a></li>
<li><a
href=
"comment.html"
>
comment
</a></li>
<li><a
href=
"dropdowns.html"
>
dropdowns
</a></li>
<li><a
href=
"forms.html"
>
forms
</a></li>
<li><a
href=
"grid.html"
>
grid
</a></li>
<li><a
href=
"icons.html"
>
icons
</a></li>
<li><a
href=
"input-groups.html"
>
input-groups
</a></li>
<li><a
href=
"kindeditor.html"
>
kindeditor
</a></li>
<li><a
href=
"labels.html"
>
labels
</a></li>
<li><a
href=
"list-group.html"
>
list-group
</a></li>
<li><a
href=
"list.html"
>
list
</a></li>
<li><a
href=
"modals.html"
>
modals
</a></li>
<li><a
href=
"navbars.html"
>
navbars
</a></li>
<li><a
href=
"navs.html"
>
navs
</a></li>
<li><a
href=
"pager.html"
>
pager
</a></li>
<li><a
href=
"panels.html"
>
panels
</a></li>
<li><a
href=
"popovers.html"
>
popovers
</a></li>
<li><a
href=
"progress.html"
>
progress
</a></li>
<li><a
href=
"tables.html"
>
tables
</a></li>
<li><a
href=
"tabs.html"
>
tabs
</a></li>
<li><a
href=
"textbox.html"
>
textbox
</a></li>
<li><a
href=
"tooltip.html"
>
tooltip
</a></li>
<li><a
href=
"type.html"
>
type
</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<article>
<section
id=
'labels'
class=
"page-section"
>
<div
class=
"page-header"
><h1>
标签
</h1></div>
...
...
examples/list-group.html
浏览文件 @
ba267115
...
...
@@ -9,10 +9,67 @@
<title>
ZUI
</title>
<link
rel=
"stylesheet/less"
type=
"text/css"
href=
"../src/less/zui.less"
/>
<script
type=
"text/javascript"
>
less
=
{
env
:
"
development
"
,
dumpLineNumbers
:
'
mediaquery
'
};
</script>
<script
type=
"text/javascript"
src=
"../assets/js/less.js"
></script>
<script
src=
"../assets/js/less.js"
></script>
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../src/js/dropdown.js"
></script>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
</head>
<body>
<nav
class=
"navbar navbar-inverse navbar-fixed-top"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
"#navbar"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav"
>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
examples
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
role=
"menu"
>
<li><a
href=
"alerts.html"
>
alerts
</a></li>
<li><a
href=
"article.html"
>
article
</a></li>
<li><a
href=
"breadcrumb.html"
>
breadcrumb
</a></li>
<li><a
href=
"button-groups.html"
>
button-groups
</a></li>
<li><a
href=
"buttons.html"
>
buttons
</a></li>
<li><a
href=
"cards.html"
>
cards
</a></li>
<li><a
href=
"carousel.html"
>
carousel
</a></li>
<li><a
href=
"chosen.html"
>
chosen
</a></li>
<li><a
href=
"collapse.html"
>
collapse
</a></li>
<li><a
href=
"comment.html"
>
comment
</a></li>
<li><a
href=
"dropdowns.html"
>
dropdowns
</a></li>
<li><a
href=
"forms.html"
>
forms
</a></li>
<li><a
href=
"grid.html"
>
grid
</a></li>
<li><a
href=
"icons.html"
>
icons
</a></li>
<li><a
href=
"input-groups.html"
>
input-groups
</a></li>
<li><a
href=
"kindeditor.html"
>
kindeditor
</a></li>
<li><a
href=
"labels.html"
>
labels
</a></li>
<li><a
href=
"list-group.html"
>
list-group
</a></li>
<li><a
href=
"list.html"
>
list
</a></li>
<li><a
href=
"modals.html"
>
modals
</a></li>
<li><a
href=
"navbars.html"
>
navbars
</a></li>
<li><a
href=
"navs.html"
>
navs
</a></li>
<li><a
href=
"pager.html"
>
pager
</a></li>
<li><a
href=
"panels.html"
>
panels
</a></li>
<li><a
href=
"popovers.html"
>
popovers
</a></li>
<li><a
href=
"progress.html"
>
progress
</a></li>
<li><a
href=
"tables.html"
>
tables
</a></li>
<li><a
href=
"tabs.html"
>
tabs
</a></li>
<li><a
href=
"textbox.html"
>
textbox
</a></li>
<li><a
href=
"tooltip.html"
>
tooltip
</a></li>
<li><a
href=
"type.html"
>
type
</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<article>
<section
id=
'list-group'
class=
"page-section"
>
<div
class=
"page-header"
><h1>
列表组
</h1></div>
...
...
examples/list.html
浏览文件 @
ba267115
...
...
@@ -11,9 +11,66 @@
<link
href=
"../dist/css/zui.css"
rel=
"stylesheet"
>
<link
href=
"../assets/css/doc.css"
rel=
"stylesheet"
>
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../src/js/dropdown.js"
></script>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
</head>
<body>
<nav
class=
"navbar navbar-inverse navbar-fixed-top"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
"#navbar"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav"
>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
examples
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
role=
"menu"
>
<li><a
href=
"alerts.html"
>
alerts
</a></li>
<li><a
href=
"article.html"
>
article
</a></li>
<li><a
href=
"breadcrumb.html"
>
breadcrumb
</a></li>
<li><a
href=
"button-groups.html"
>
button-groups
</a></li>
<li><a
href=
"buttons.html"
>
buttons
</a></li>
<li><a
href=
"cards.html"
>
cards
</a></li>
<li><a
href=
"carousel.html"
>
carousel
</a></li>
<li><a
href=
"chosen.html"
>
chosen
</a></li>
<li><a
href=
"collapse.html"
>
collapse
</a></li>
<li><a
href=
"comment.html"
>
comment
</a></li>
<li><a
href=
"dropdowns.html"
>
dropdowns
</a></li>
<li><a
href=
"forms.html"
>
forms
</a></li>
<li><a
href=
"grid.html"
>
grid
</a></li>
<li><a
href=
"icons.html"
>
icons
</a></li>
<li><a
href=
"input-groups.html"
>
input-groups
</a></li>
<li><a
href=
"kindeditor.html"
>
kindeditor
</a></li>
<li><a
href=
"labels.html"
>
labels
</a></li>
<li><a
href=
"list-group.html"
>
list-group
</a></li>
<li><a
href=
"list.html"
>
list
</a></li>
<li><a
href=
"modals.html"
>
modals
</a></li>
<li><a
href=
"navbars.html"
>
navbars
</a></li>
<li><a
href=
"navs.html"
>
navs
</a></li>
<li><a
href=
"pager.html"
>
pager
</a></li>
<li><a
href=
"panels.html"
>
panels
</a></li>
<li><a
href=
"popovers.html"
>
popovers
</a></li>
<li><a
href=
"progress.html"
>
progress
</a></li>
<li><a
href=
"tables.html"
>
tables
</a></li>
<li><a
href=
"tabs.html"
>
tabs
</a></li>
<li><a
href=
"textbox.html"
>
textbox
</a></li>
<li><a
href=
"tooltip.html"
>
tooltip
</a></li>
<li><a
href=
"type.html"
>
type
</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<article
class=
"article-small"
>
<section
class=
"page-section"
>
<h1
class=
"header-dividing"
>
内容列表视图
</h1>
...
...
examples/modals.html
浏览文件 @
ba267115
...
...
@@ -6,13 +6,69 @@
<link
href=
"../assets/css/doc.css"
rel=
"stylesheet"
>
<link
rel=
"stylesheet/less"
type=
"text/css"
href=
"../src/less/zui.less"
/>
<script
type=
"text/javascript"
>
less
=
{
env
:
"
development
"
,
dumpLineNumbers
:
'
mediaquery
'
};
</script>
<script
type=
"text/javascript"
src=
"../assets/js/less.js"
></script>
<script
type=
"text/javascript"
src=
"../assets/js/jquery.js"
></script>
<script
type=
"text/javascript"
src=
"../src/js/modal.js"
></script>
<script
type=
"text/javascript"
src=
"../src/js/transition.js"
></script>
<script
src=
"../assets/js/less.js"
></script>
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../src/js/modal.js"
></script>
<script
src=
"../src/js/transition.js"
></script>
<link
href=
"../assets/css/doc.css"
rel=
"stylesheet"
>
<script
src=
"../src/js/dropdown.js"
></script>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
</head>
<body>
<nav
class=
"navbar navbar-inverse navbar-fixed-top"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
"#navbar"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav"
>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
examples
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
role=
"menu"
>
<li><a
href=
"alerts.html"
>
alerts
</a></li>
<li><a
href=
"article.html"
>
article
</a></li>
<li><a
href=
"breadcrumb.html"
>
breadcrumb
</a></li>
<li><a
href=
"button-groups.html"
>
button-groups
</a></li>
<li><a
href=
"buttons.html"
>
buttons
</a></li>
<li><a
href=
"cards.html"
>
cards
</a></li>
<li><a
href=
"carousel.html"
>
carousel
</a></li>
<li><a
href=
"chosen.html"
>
chosen
</a></li>
<li><a
href=
"collapse.html"
>
collapse
</a></li>
<li><a
href=
"comment.html"
>
comment
</a></li>
<li><a
href=
"dropdowns.html"
>
dropdowns
</a></li>
<li><a
href=
"forms.html"
>
forms
</a></li>
<li><a
href=
"grid.html"
>
grid
</a></li>
<li><a
href=
"icons.html"
>
icons
</a></li>
<li><a
href=
"input-groups.html"
>
input-groups
</a></li>
<li><a
href=
"kindeditor.html"
>
kindeditor
</a></li>
<li><a
href=
"labels.html"
>
labels
</a></li>
<li><a
href=
"list-group.html"
>
list-group
</a></li>
<li><a
href=
"list.html"
>
list
</a></li>
<li><a
href=
"modals.html"
>
modals
</a></li>
<li><a
href=
"navbars.html"
>
navbars
</a></li>
<li><a
href=
"navs.html"
>
navs
</a></li>
<li><a
href=
"pager.html"
>
pager
</a></li>
<li><a
href=
"panels.html"
>
panels
</a></li>
<li><a
href=
"popovers.html"
>
popovers
</a></li>
<li><a
href=
"progress.html"
>
progress
</a></li>
<li><a
href=
"tables.html"
>
tables
</a></li>
<li><a
href=
"tabs.html"
>
tabs
</a></li>
<li><a
href=
"textbox.html"
>
textbox
</a></li>
<li><a
href=
"tooltip.html"
>
tooltip
</a></li>
<li><a
href=
"type.html"
>
type
</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<article>
<section
id=
'modals'
class=
"page-section"
>
<h1>
模态框
</h1>
...
...
examples/navbars.html
浏览文件 @
ba267115
...
...
@@ -12,9 +12,65 @@
<link
href=
"../dist/css/zui.css"
rel=
"stylesheet"
>
<link
href=
"../assets/css/doc.css"
rel=
"stylesheet"
>
<!-- Latest compiled and minified JavaScript -->
<script
src=
"http://cdn.bootcss.com/twitter-bootstrap/3.0.1/js/bootstrap.min.js"
></script>
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../src/js/dropdown.js"
></script>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
</head>
<body>
<nav
class=
"navbar navbar-inverse navbar-fixed-top"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
"#navbar"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav"
>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
examples
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
role=
"menu"
>
<li><a
href=
"alerts.html"
>
alerts
</a></li>
<li><a
href=
"article.html"
>
article
</a></li>
<li><a
href=
"breadcrumb.html"
>
breadcrumb
</a></li>
<li><a
href=
"button-groups.html"
>
button-groups
</a></li>
<li><a
href=
"buttons.html"
>
buttons
</a></li>
<li><a
href=
"cards.html"
>
cards
</a></li>
<li><a
href=
"carousel.html"
>
carousel
</a></li>
<li><a
href=
"chosen.html"
>
chosen
</a></li>
<li><a
href=
"collapse.html"
>
collapse
</a></li>
<li><a
href=
"comment.html"
>
comment
</a></li>
<li><a
href=
"dropdowns.html"
>
dropdowns
</a></li>
<li><a
href=
"forms.html"
>
forms
</a></li>
<li><a
href=
"grid.html"
>
grid
</a></li>
<li><a
href=
"icons.html"
>
icons
</a></li>
<li><a
href=
"input-groups.html"
>
input-groups
</a></li>
<li><a
href=
"kindeditor.html"
>
kindeditor
</a></li>
<li><a
href=
"labels.html"
>
labels
</a></li>
<li><a
href=
"list-group.html"
>
list-group
</a></li>
<li><a
href=
"list.html"
>
list
</a></li>
<li><a
href=
"modals.html"
>
modals
</a></li>
<li><a
href=
"navbars.html"
>
navbars
</a></li>
<li><a
href=
"navs.html"
>
navs
</a></li>
<li><a
href=
"pager.html"
>
pager
</a></li>
<li><a
href=
"panels.html"
>
panels
</a></li>
<li><a
href=
"popovers.html"
>
popovers
</a></li>
<li><a
href=
"progress.html"
>
progress
</a></li>
<li><a
href=
"tables.html"
>
tables
</a></li>
<li><a
href=
"tabs.html"
>
tabs
</a></li>
<li><a
href=
"textbox.html"
>
textbox
</a></li>
<li><a
href=
"tooltip.html"
>
tooltip
</a></li>
<li><a
href=
"type.html"
>
type
</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<article>
<section
class=
"page-section"
>
<h1
class=
"header-dividing"
>
Navbars
</h1>
...
...
examples/navs.html
浏览文件 @
ba267115
...
...
@@ -12,6 +12,7 @@
<link
href=
"../dist/css/zui.css"
rel=
"stylesheet"
>
<link
href=
"../assets/css/doc.css"
rel=
"stylesheet"
>
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../src/js/dropdown.js"
></script>
<script>
$
(
function
()
{
...
...
@@ -21,8 +22,63 @@
});
});
</script>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
</head>
<body>
<nav
class=
"navbar navbar-inverse navbar-fixed-top"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
"#navbar"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav"
>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
examples
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
role=
"menu"
>
<li><a
href=
"alerts.html"
>
alerts
</a></li>
<li><a
href=
"article.html"
>
article
</a></li>
<li><a
href=
"breadcrumb.html"
>
breadcrumb
</a></li>
<li><a
href=
"button-groups.html"
>
button-groups
</a></li>
<li><a
href=
"buttons.html"
>
buttons
</a></li>
<li><a
href=
"cards.html"
>
cards
</a></li>
<li><a
href=
"carousel.html"
>
carousel
</a></li>
<li><a
href=
"chosen.html"
>
chosen
</a></li>
<li><a
href=
"collapse.html"
>
collapse
</a></li>
<li><a
href=
"comment.html"
>
comment
</a></li>
<li><a
href=
"dropdowns.html"
>
dropdowns
</a></li>
<li><a
href=
"forms.html"
>
forms
</a></li>
<li><a
href=
"grid.html"
>
grid
</a></li>
<li><a
href=
"icons.html"
>
icons
</a></li>
<li><a
href=
"input-groups.html"
>
input-groups
</a></li>
<li><a
href=
"kindeditor.html"
>
kindeditor
</a></li>
<li><a
href=
"labels.html"
>
labels
</a></li>
<li><a
href=
"list-group.html"
>
list-group
</a></li>
<li><a
href=
"list.html"
>
list
</a></li>
<li><a
href=
"modals.html"
>
modals
</a></li>
<li><a
href=
"navbars.html"
>
navbars
</a></li>
<li><a
href=
"navs.html"
>
navs
</a></li>
<li><a
href=
"pager.html"
>
pager
</a></li>
<li><a
href=
"panels.html"
>
panels
</a></li>
<li><a
href=
"popovers.html"
>
popovers
</a></li>
<li><a
href=
"progress.html"
>
progress
</a></li>
<li><a
href=
"tables.html"
>
tables
</a></li>
<li><a
href=
"tabs.html"
>
tabs
</a></li>
<li><a
href=
"textbox.html"
>
textbox
</a></li>
<li><a
href=
"tooltip.html"
>
tooltip
</a></li>
<li><a
href=
"type.html"
>
type
</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<article>
<section
class=
"page-section"
>
<h1
class=
"header-dividing"
>
Navbars
</h1>
...
...
examples/pager.html
浏览文件 @
ba267115
...
...
@@ -13,6 +13,7 @@
<script
src=
"../src/js/tooltip.js"
></script>
<script
src=
"../src/js/popover.js"
></script>
<script
src=
"../src/js/pager.js"
></script>
<script
src=
"../src/js/dropdown.js"
></script>
<script>
$
(
function
()
{
...
...
@@ -25,9 +26,64 @@
});
});
</script>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
</head>
<body>
<nav
class=
"navbar navbar-inverse navbar-fixed-top"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
"#navbar"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav"
>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
examples
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
role=
"menu"
>
<li><a
href=
"alerts.html"
>
alerts
</a></li>
<li><a
href=
"article.html"
>
article
</a></li>
<li><a
href=
"breadcrumb.html"
>
breadcrumb
</a></li>
<li><a
href=
"button-groups.html"
>
button-groups
</a></li>
<li><a
href=
"buttons.html"
>
buttons
</a></li>
<li><a
href=
"cards.html"
>
cards
</a></li>
<li><a
href=
"carousel.html"
>
carousel
</a></li>
<li><a
href=
"chosen.html"
>
chosen
</a></li>
<li><a
href=
"collapse.html"
>
collapse
</a></li>
<li><a
href=
"comment.html"
>
comment
</a></li>
<li><a
href=
"dropdowns.html"
>
dropdowns
</a></li>
<li><a
href=
"forms.html"
>
forms
</a></li>
<li><a
href=
"grid.html"
>
grid
</a></li>
<li><a
href=
"icons.html"
>
icons
</a></li>
<li><a
href=
"input-groups.html"
>
input-groups
</a></li>
<li><a
href=
"kindeditor.html"
>
kindeditor
</a></li>
<li><a
href=
"labels.html"
>
labels
</a></li>
<li><a
href=
"list-group.html"
>
list-group
</a></li>
<li><a
href=
"list.html"
>
list
</a></li>
<li><a
href=
"modals.html"
>
modals
</a></li>
<li><a
href=
"navbars.html"
>
navbars
</a></li>
<li><a
href=
"navs.html"
>
navs
</a></li>
<li><a
href=
"pager.html"
>
pager
</a></li>
<li><a
href=
"panels.html"
>
panels
</a></li>
<li><a
href=
"popovers.html"
>
popovers
</a></li>
<li><a
href=
"progress.html"
>
progress
</a></li>
<li><a
href=
"tables.html"
>
tables
</a></li>
<li><a
href=
"tabs.html"
>
tabs
</a></li>
<li><a
href=
"textbox.html"
>
textbox
</a></li>
<li><a
href=
"tooltip.html"
>
tooltip
</a></li>
<li><a
href=
"type.html"
>
type
</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<article>
<section
class=
"page-section"
>
<h1
class=
"header-dividing"
>
分页
</h1>
...
...
examples/panels.html
浏览文件 @
ba267115
...
...
@@ -11,10 +11,67 @@
<link
href=
"../dist/css/zui.css"
rel=
"stylesheet"
>
<link
href=
"../assets/css/doc.css"
rel=
"stylesheet"
>
<script
type=
"text/javascript"
>
less
=
{
env
:
"
development
"
,
dumpLineNumbers
:
'
mediaquery
'
};
</script>
<script
type=
"text/javascript"
src=
"../assets/js/less.js"
></script>
<script
src=
"../assets/js/less.js"
></script>
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../src/js/dropdown.js"
></script>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
</head>
<body>
<nav
class=
"navbar navbar-inverse navbar-fixed-top"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
"#navbar"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav"
>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
examples
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
role=
"menu"
>
<li><a
href=
"alerts.html"
>
alerts
</a></li>
<li><a
href=
"article.html"
>
article
</a></li>
<li><a
href=
"breadcrumb.html"
>
breadcrumb
</a></li>
<li><a
href=
"button-groups.html"
>
button-groups
</a></li>
<li><a
href=
"buttons.html"
>
buttons
</a></li>
<li><a
href=
"cards.html"
>
cards
</a></li>
<li><a
href=
"carousel.html"
>
carousel
</a></li>
<li><a
href=
"chosen.html"
>
chosen
</a></li>
<li><a
href=
"collapse.html"
>
collapse
</a></li>
<li><a
href=
"comment.html"
>
comment
</a></li>
<li><a
href=
"dropdowns.html"
>
dropdowns
</a></li>
<li><a
href=
"forms.html"
>
forms
</a></li>
<li><a
href=
"grid.html"
>
grid
</a></li>
<li><a
href=
"icons.html"
>
icons
</a></li>
<li><a
href=
"input-groups.html"
>
input-groups
</a></li>
<li><a
href=
"kindeditor.html"
>
kindeditor
</a></li>
<li><a
href=
"labels.html"
>
labels
</a></li>
<li><a
href=
"list-group.html"
>
list-group
</a></li>
<li><a
href=
"list.html"
>
list
</a></li>
<li><a
href=
"modals.html"
>
modals
</a></li>
<li><a
href=
"navbars.html"
>
navbars
</a></li>
<li><a
href=
"navs.html"
>
navs
</a></li>
<li><a
href=
"pager.html"
>
pager
</a></li>
<li><a
href=
"panels.html"
>
panels
</a></li>
<li><a
href=
"popovers.html"
>
popovers
</a></li>
<li><a
href=
"progress.html"
>
progress
</a></li>
<li><a
href=
"tables.html"
>
tables
</a></li>
<li><a
href=
"tabs.html"
>
tabs
</a></li>
<li><a
href=
"textbox.html"
>
textbox
</a></li>
<li><a
href=
"tooltip.html"
>
tooltip
</a></li>
<li><a
href=
"type.html"
>
type
</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<article>
<section
id=
'panels'
class=
"page-section"
>
<div
class=
"page-header"
><h1>
面板
</h1></div>
...
...
examples/popovers.html
浏览文件 @
ba267115
...
...
@@ -15,6 +15,7 @@
<script
src=
"../src/js/tooltip.js"
></script>
<script
src=
"../src/js/popover.js"
></script>
<script
src=
"../assets/js/google-code-prettify/prettify.js"
></script>
<script
src=
"../src/js/dropdown.js"
></script>
<script>
$
(
function
()
{
...
...
@@ -35,8 +36,63 @@
margin
:
20px
;
}
</style>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
</head>
<body>
<nav
class=
"navbar navbar-inverse navbar-fixed-top"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
"#navbar"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav"
>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
examples
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
role=
"menu"
>
<li><a
href=
"alerts.html"
>
alerts
</a></li>
<li><a
href=
"article.html"
>
article
</a></li>
<li><a
href=
"breadcrumb.html"
>
breadcrumb
</a></li>
<li><a
href=
"button-groups.html"
>
button-groups
</a></li>
<li><a
href=
"buttons.html"
>
buttons
</a></li>
<li><a
href=
"cards.html"
>
cards
</a></li>
<li><a
href=
"carousel.html"
>
carousel
</a></li>
<li><a
href=
"chosen.html"
>
chosen
</a></li>
<li><a
href=
"collapse.html"
>
collapse
</a></li>
<li><a
href=
"comment.html"
>
comment
</a></li>
<li><a
href=
"dropdowns.html"
>
dropdowns
</a></li>
<li><a
href=
"forms.html"
>
forms
</a></li>
<li><a
href=
"grid.html"
>
grid
</a></li>
<li><a
href=
"icons.html"
>
icons
</a></li>
<li><a
href=
"input-groups.html"
>
input-groups
</a></li>
<li><a
href=
"kindeditor.html"
>
kindeditor
</a></li>
<li><a
href=
"labels.html"
>
labels
</a></li>
<li><a
href=
"list-group.html"
>
list-group
</a></li>
<li><a
href=
"list.html"
>
list
</a></li>
<li><a
href=
"modals.html"
>
modals
</a></li>
<li><a
href=
"navbars.html"
>
navbars
</a></li>
<li><a
href=
"navs.html"
>
navs
</a></li>
<li><a
href=
"pager.html"
>
pager
</a></li>
<li><a
href=
"panels.html"
>
panels
</a></li>
<li><a
href=
"popovers.html"
>
popovers
</a></li>
<li><a
href=
"progress.html"
>
progress
</a></li>
<li><a
href=
"tables.html"
>
tables
</a></li>
<li><a
href=
"tabs.html"
>
tabs
</a></li>
<li><a
href=
"textbox.html"
>
textbox
</a></li>
<li><a
href=
"tooltip.html"
>
tooltip
</a></li>
<li><a
href=
"type.html"
>
type
</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<article>
<section
class=
"page-section"
>
<h1>
Popover
</h1>
...
...
examples/progress.html
浏览文件 @
ba267115
...
...
@@ -6,9 +6,66 @@
<link
href=
"../assets/css/doc.css"
rel=
"stylesheet"
>
<link
rel=
"stylesheet/less"
type=
"text/css"
href=
"../src/less/zui.less"
/>
<script
type=
"text/javascript"
>
less
=
{
env
:
"
development
"
,
dumpLineNumbers
:
'
mediaquery
'
};
</script>
<script
type=
"text/javascript"
src=
"../assets/js/less.js"
></script>
<script
src=
"../assets/js/less.js"
></script>
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../src/js/dropdown.js"
></script>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
</head>
<body>
<nav
class=
"navbar navbar-inverse navbar-fixed-top"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
"#navbar"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav"
>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
examples
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
role=
"menu"
>
<li><a
href=
"alerts.html"
>
alerts
</a></li>
<li><a
href=
"article.html"
>
article
</a></li>
<li><a
href=
"breadcrumb.html"
>
breadcrumb
</a></li>
<li><a
href=
"button-groups.html"
>
button-groups
</a></li>
<li><a
href=
"buttons.html"
>
buttons
</a></li>
<li><a
href=
"cards.html"
>
cards
</a></li>
<li><a
href=
"carousel.html"
>
carousel
</a></li>
<li><a
href=
"chosen.html"
>
chosen
</a></li>
<li><a
href=
"collapse.html"
>
collapse
</a></li>
<li><a
href=
"comment.html"
>
comment
</a></li>
<li><a
href=
"dropdowns.html"
>
dropdowns
</a></li>
<li><a
href=
"forms.html"
>
forms
</a></li>
<li><a
href=
"grid.html"
>
grid
</a></li>
<li><a
href=
"icons.html"
>
icons
</a></li>
<li><a
href=
"input-groups.html"
>
input-groups
</a></li>
<li><a
href=
"kindeditor.html"
>
kindeditor
</a></li>
<li><a
href=
"labels.html"
>
labels
</a></li>
<li><a
href=
"list-group.html"
>
list-group
</a></li>
<li><a
href=
"list.html"
>
list
</a></li>
<li><a
href=
"modals.html"
>
modals
</a></li>
<li><a
href=
"navbars.html"
>
navbars
</a></li>
<li><a
href=
"navs.html"
>
navs
</a></li>
<li><a
href=
"pager.html"
>
pager
</a></li>
<li><a
href=
"panels.html"
>
panels
</a></li>
<li><a
href=
"popovers.html"
>
popovers
</a></li>
<li><a
href=
"progress.html"
>
progress
</a></li>
<li><a
href=
"tables.html"
>
tables
</a></li>
<li><a
href=
"tabs.html"
>
tabs
</a></li>
<li><a
href=
"textbox.html"
>
textbox
</a></li>
<li><a
href=
"tooltip.html"
>
tooltip
</a></li>
<li><a
href=
"type.html"
>
type
</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<article>
<section
id=
'progressBars'
class=
"page-section"
>
<div
class=
"page-header"
><h1>
进度条
</h1></div>
...
...
examples/tables.html
浏览文件 @
ba267115
...
...
@@ -11,9 +11,66 @@
<link
href=
"../dist/css/zui.css"
rel=
"stylesheet"
>
<link
href=
"../assets/css/doc.css"
rel=
"stylesheet"
>
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../src/js/dropdown.js"
></script>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
</head>
<body>
<nav
class=
"navbar navbar-inverse navbar-fixed-top"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
"#navbar"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav"
>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
examples
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
role=
"menu"
>
<li><a
href=
"alerts.html"
>
alerts
</a></li>
<li><a
href=
"article.html"
>
article
</a></li>
<li><a
href=
"breadcrumb.html"
>
breadcrumb
</a></li>
<li><a
href=
"button-groups.html"
>
button-groups
</a></li>
<li><a
href=
"buttons.html"
>
buttons
</a></li>
<li><a
href=
"cards.html"
>
cards
</a></li>
<li><a
href=
"carousel.html"
>
carousel
</a></li>
<li><a
href=
"chosen.html"
>
chosen
</a></li>
<li><a
href=
"collapse.html"
>
collapse
</a></li>
<li><a
href=
"comment.html"
>
comment
</a></li>
<li><a
href=
"dropdowns.html"
>
dropdowns
</a></li>
<li><a
href=
"forms.html"
>
forms
</a></li>
<li><a
href=
"grid.html"
>
grid
</a></li>
<li><a
href=
"icons.html"
>
icons
</a></li>
<li><a
href=
"input-groups.html"
>
input-groups
</a></li>
<li><a
href=
"kindeditor.html"
>
kindeditor
</a></li>
<li><a
href=
"labels.html"
>
labels
</a></li>
<li><a
href=
"list-group.html"
>
list-group
</a></li>
<li><a
href=
"list.html"
>
list
</a></li>
<li><a
href=
"modals.html"
>
modals
</a></li>
<li><a
href=
"navbars.html"
>
navbars
</a></li>
<li><a
href=
"navs.html"
>
navs
</a></li>
<li><a
href=
"pager.html"
>
pager
</a></li>
<li><a
href=
"panels.html"
>
panels
</a></li>
<li><a
href=
"popovers.html"
>
popovers
</a></li>
<li><a
href=
"progress.html"
>
progress
</a></li>
<li><a
href=
"tables.html"
>
tables
</a></li>
<li><a
href=
"tabs.html"
>
tabs
</a></li>
<li><a
href=
"textbox.html"
>
textbox
</a></li>
<li><a
href=
"tooltip.html"
>
tooltip
</a></li>
<li><a
href=
"type.html"
>
type
</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<article>
<section
id=
"buttons"
class=
"page-section segment"
spellcheck=
"false"
contenteditable=
"true"
>
<h1
class=
"header-dividing"
>
表格
</h1>
...
...
examples/tabs.html
浏览文件 @
ba267115
...
...
@@ -6,14 +6,70 @@
<link
href=
"../assets/css/doc.css"
rel=
"stylesheet"
>
<link
rel=
"stylesheet/less"
type=
"text/css"
href=
"../src/less/zui.less"
/>
<script
type=
"text/javascript"
>
less
=
{
env
:
"
development
"
,
dumpLineNumbers
:
'
mediaquery
'
};
</script>
<script
type=
"text/javascript"
src=
"../assets/js/less.js"
></script>
<script
type=
"text/javascript"
src=
"../assets/js/jquery.js"
></script>
<script
type=
"text/javascript"
src=
"../src/js/tab.js"
></script>
<script
type=
"text/javascript"
src=
"../src/js/dropdown.js"
></script>
<script
type=
"text/javascript"
src=
"../src/js/transition.js"
></script>
<script
src=
"../assets/js/less.js"
></script>
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../src/js/tab.js"
></script>
<script
src=
"../src/js/dropdown.js"
></script>
<script
src=
"../src/js/transition.js"
></script>
<script
src=
"../src/js/dropdown.js"
></script>
<link
href=
"../assets/css/doc.css"
rel=
"stylesheet"
>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
</head>
<body>
<nav
class=
"navbar navbar-inverse navbar-fixed-top"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
"#navbar"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav"
>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
examples
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
role=
"menu"
>
<li><a
href=
"alerts.html"
>
alerts
</a></li>
<li><a
href=
"article.html"
>
article
</a></li>
<li><a
href=
"breadcrumb.html"
>
breadcrumb
</a></li>
<li><a
href=
"button-groups.html"
>
button-groups
</a></li>
<li><a
href=
"buttons.html"
>
buttons
</a></li>
<li><a
href=
"cards.html"
>
cards
</a></li>
<li><a
href=
"carousel.html"
>
carousel
</a></li>
<li><a
href=
"chosen.html"
>
chosen
</a></li>
<li><a
href=
"collapse.html"
>
collapse
</a></li>
<li><a
href=
"comment.html"
>
comment
</a></li>
<li><a
href=
"dropdowns.html"
>
dropdowns
</a></li>
<li><a
href=
"forms.html"
>
forms
</a></li>
<li><a
href=
"grid.html"
>
grid
</a></li>
<li><a
href=
"icons.html"
>
icons
</a></li>
<li><a
href=
"input-groups.html"
>
input-groups
</a></li>
<li><a
href=
"kindeditor.html"
>
kindeditor
</a></li>
<li><a
href=
"labels.html"
>
labels
</a></li>
<li><a
href=
"list-group.html"
>
list-group
</a></li>
<li><a
href=
"list.html"
>
list
</a></li>
<li><a
href=
"modals.html"
>
modals
</a></li>
<li><a
href=
"navbars.html"
>
navbars
</a></li>
<li><a
href=
"navs.html"
>
navs
</a></li>
<li><a
href=
"pager.html"
>
pager
</a></li>
<li><a
href=
"panels.html"
>
panels
</a></li>
<li><a
href=
"popovers.html"
>
popovers
</a></li>
<li><a
href=
"progress.html"
>
progress
</a></li>
<li><a
href=
"tables.html"
>
tables
</a></li>
<li><a
href=
"tabs.html"
>
tabs
</a></li>
<li><a
href=
"textbox.html"
>
textbox
</a></li>
<li><a
href=
"tooltip.html"
>
tooltip
</a></li>
<li><a
href=
"type.html"
>
type
</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<article>
<section
id=
'tabs'
class=
"page-section"
>
<h1>
标签页
</h1>
...
...
examples/textbox.html
浏览文件 @
ba267115
...
...
@@ -9,10 +9,66 @@
<link
href=
"../assets/css/doc.css"
rel=
"stylesheet"
>
<link
rel=
"stylesheet/less"
type=
"text/css"
href=
"../src/less/zui.less"
/>
<script
type=
"text/javascript"
>
less
=
{
env
:
"
development
"
,
dumpLineNumbers
:
'
mediaquery
'
};
</script>
<script
type=
"text/javascript"
src=
"../assets/js/less.js"
></script>
<script
src=
"../assets/js/less.js"
></script>
<script
src=
"../src/js/dropdown.js"
></script>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
</head>
<body>
<nav
class=
"navbar navbar-inverse navbar-fixed-top"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
"#navbar"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav"
>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
examples
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
role=
"menu"
>
<li><a
href=
"alerts.html"
>
alerts
</a></li>
<li><a
href=
"article.html"
>
article
</a></li>
<li><a
href=
"breadcrumb.html"
>
breadcrumb
</a></li>
<li><a
href=
"button-groups.html"
>
button-groups
</a></li>
<li><a
href=
"buttons.html"
>
buttons
</a></li>
<li><a
href=
"cards.html"
>
cards
</a></li>
<li><a
href=
"carousel.html"
>
carousel
</a></li>
<li><a
href=
"chosen.html"
>
chosen
</a></li>
<li><a
href=
"collapse.html"
>
collapse
</a></li>
<li><a
href=
"comment.html"
>
comment
</a></li>
<li><a
href=
"dropdowns.html"
>
dropdowns
</a></li>
<li><a
href=
"forms.html"
>
forms
</a></li>
<li><a
href=
"grid.html"
>
grid
</a></li>
<li><a
href=
"icons.html"
>
icons
</a></li>
<li><a
href=
"input-groups.html"
>
input-groups
</a></li>
<li><a
href=
"kindeditor.html"
>
kindeditor
</a></li>
<li><a
href=
"labels.html"
>
labels
</a></li>
<li><a
href=
"list-group.html"
>
list-group
</a></li>
<li><a
href=
"list.html"
>
list
</a></li>
<li><a
href=
"modals.html"
>
modals
</a></li>
<li><a
href=
"navbars.html"
>
navbars
</a></li>
<li><a
href=
"navs.html"
>
navs
</a></li>
<li><a
href=
"pager.html"
>
pager
</a></li>
<li><a
href=
"panels.html"
>
panels
</a></li>
<li><a
href=
"popovers.html"
>
popovers
</a></li>
<li><a
href=
"progress.html"
>
progress
</a></li>
<li><a
href=
"tables.html"
>
tables
</a></li>
<li><a
href=
"tabs.html"
>
tabs
</a></li>
<li><a
href=
"textbox.html"
>
textbox
</a></li>
<li><a
href=
"tooltip.html"
>
tooltip
</a></li>
<li><a
href=
"type.html"
>
type
</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<article>
<section
id=
'textbox'
class=
"page-section"
>
<div
class=
"page-header"
><h1>
文本框
</h1></div>
...
...
examples/tooltip.html
浏览文件 @
ba267115
...
...
@@ -14,6 +14,7 @@
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../src/js/tooltip.js"
></script>
<script
src=
"../assets/js/google-code-prettify/prettify.js"
></script>
<script
src=
"../src/js/dropdown.js"
></script>
<script>
$
(
function
()
{
...
...
@@ -26,8 +27,63 @@
})
});
</script>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
</head>
<body>
<nav
class=
"navbar navbar-inverse navbar-fixed-top"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
"#navbar"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav"
>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
examples
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
role=
"menu"
>
<li><a
href=
"alerts.html"
>
alerts
</a></li>
<li><a
href=
"article.html"
>
article
</a></li>
<li><a
href=
"breadcrumb.html"
>
breadcrumb
</a></li>
<li><a
href=
"button-groups.html"
>
button-groups
</a></li>
<li><a
href=
"buttons.html"
>
buttons
</a></li>
<li><a
href=
"cards.html"
>
cards
</a></li>
<li><a
href=
"carousel.html"
>
carousel
</a></li>
<li><a
href=
"chosen.html"
>
chosen
</a></li>
<li><a
href=
"collapse.html"
>
collapse
</a></li>
<li><a
href=
"comment.html"
>
comment
</a></li>
<li><a
href=
"dropdowns.html"
>
dropdowns
</a></li>
<li><a
href=
"forms.html"
>
forms
</a></li>
<li><a
href=
"grid.html"
>
grid
</a></li>
<li><a
href=
"icons.html"
>
icons
</a></li>
<li><a
href=
"input-groups.html"
>
input-groups
</a></li>
<li><a
href=
"kindeditor.html"
>
kindeditor
</a></li>
<li><a
href=
"labels.html"
>
labels
</a></li>
<li><a
href=
"list-group.html"
>
list-group
</a></li>
<li><a
href=
"list.html"
>
list
</a></li>
<li><a
href=
"modals.html"
>
modals
</a></li>
<li><a
href=
"navbars.html"
>
navbars
</a></li>
<li><a
href=
"navs.html"
>
navs
</a></li>
<li><a
href=
"pager.html"
>
pager
</a></li>
<li><a
href=
"panels.html"
>
panels
</a></li>
<li><a
href=
"popovers.html"
>
popovers
</a></li>
<li><a
href=
"progress.html"
>
progress
</a></li>
<li><a
href=
"tables.html"
>
tables
</a></li>
<li><a
href=
"tabs.html"
>
tabs
</a></li>
<li><a
href=
"textbox.html"
>
textbox
</a></li>
<li><a
href=
"tooltip.html"
>
tooltip
</a></li>
<li><a
href=
"type.html"
>
type
</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<article>
<section
class=
"page-section"
>
<h1
class=
"header-dividing"
>
Tooltips
</h1>
...
...
examples/type.html
浏览文件 @
ba267115
...
...
@@ -11,9 +11,66 @@
<link
href=
"../dist/css/zui.css"
rel=
"stylesheet"
>
<link
href=
"../assets/css/doc.css"
rel=
"stylesheet"
>
<script
src=
"../assets/js/jquery.js"
></script>
<script
src=
"../src/js/dropdown.js"
></script>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
</head>
<body>
<nav
class=
"navbar navbar-inverse navbar-fixed-top"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
"#navbar"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav"
>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
examples
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
role=
"menu"
>
<li><a
href=
"alerts.html"
>
alerts
</a></li>
<li><a
href=
"article.html"
>
article
</a></li>
<li><a
href=
"breadcrumb.html"
>
breadcrumb
</a></li>
<li><a
href=
"button-groups.html"
>
button-groups
</a></li>
<li><a
href=
"buttons.html"
>
buttons
</a></li>
<li><a
href=
"cards.html"
>
cards
</a></li>
<li><a
href=
"carousel.html"
>
carousel
</a></li>
<li><a
href=
"chosen.html"
>
chosen
</a></li>
<li><a
href=
"collapse.html"
>
collapse
</a></li>
<li><a
href=
"comment.html"
>
comment
</a></li>
<li><a
href=
"dropdowns.html"
>
dropdowns
</a></li>
<li><a
href=
"forms.html"
>
forms
</a></li>
<li><a
href=
"grid.html"
>
grid
</a></li>
<li><a
href=
"icons.html"
>
icons
</a></li>
<li><a
href=
"input-groups.html"
>
input-groups
</a></li>
<li><a
href=
"kindeditor.html"
>
kindeditor
</a></li>
<li><a
href=
"labels.html"
>
labels
</a></li>
<li><a
href=
"list-group.html"
>
list-group
</a></li>
<li><a
href=
"list.html"
>
list
</a></li>
<li><a
href=
"modals.html"
>
modals
</a></li>
<li><a
href=
"navbars.html"
>
navbars
</a></li>
<li><a
href=
"navs.html"
>
navs
</a></li>
<li><a
href=
"pager.html"
>
pager
</a></li>
<li><a
href=
"panels.html"
>
panels
</a></li>
<li><a
href=
"popovers.html"
>
popovers
</a></li>
<li><a
href=
"progress.html"
>
progress
</a></li>
<li><a
href=
"tables.html"
>
tables
</a></li>
<li><a
href=
"tabs.html"
>
tabs
</a></li>
<li><a
href=
"textbox.html"
>
textbox
</a></li>
<li><a
href=
"tooltip.html"
>
tooltip
</a></li>
<li><a
href=
"type.html"
>
type
</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<article>
<section
class=
"page-section"
>
<h1
class=
"header-dividing"
>
排版
</h1>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录