nizongfeng
/
ZZIMG
1
0
Fork 0
Koodi Ongelmat 0 Pull-pyynnöt 0 Julkaisut 0 Wiki Toiminta
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 Commitit
1 Haara
42 MiB
 
 
 
 
Haara: master
Branchit Tagit
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
ZZIMG/zzframe/home.html

2281 rivejä
99 KiB
Raaka Pysyvä linkki Blame Historia 

  1. <!DOCTYPE html>

  2. <html>

  3. 	<head>

  4. 		<meta charset="UTF-8">

  5. 		<title>蜘蛛出行框架1.0</title>

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

  7. 		<link rel="stylesheet" type="text/css" href="dists/css/style.css"/>

  8. 		<link rel="stylesheet" type="text/css" href="dists/css/bootstrap-datetimepicker.css"/>

  9. 		<link rel="stylesheet" type="text/css" href="docs/assets/css/docs.min.css"/>

  10. 		<link rel="stylesheet" type="text/css" href="dists/css/home.css"/>

  11. 		<link rel="stylesheet" type="text/css" href="dists/css/prettify.min.css"/>

  12. 		<link rel="stylesheet" type="text/css" href="dists/css/module.css"/>

  13. 		<link rel="stylesheet" type="text/css" href="dists/css/xcConfirm.css"/>

  14. 		<style type="text/css">

  15. 			button:focus{outline:none!important;}

  16. 		</style>

  17. 	</head>

  18. 	<body style="background-color: #fbfbfc;" onload="prettyPrint()">

  19. 		<!--head-->

  20. 		<div class="zzhead">

  21. 			<img width="33" src="dists/images/Artboard.png"/>

  22. 			<h1>ZZ Frame</h1>

  23. 		</div>

  24. 		<!--body-->

  25. 		<div class="zzbody ub">

  26. 			<!--menu-->

  27. 			<div class="zzmenu">

  28. 				<div style="padding: 20px 0px 40px 20px;" class="bs-docs-sidebar affix-top" role="complementary">

  29.             			<ul class="nav bs-docs-sidenav nav_1">

  30.                 			<li class="active">

  31.   							<a href="#form">表单</a>

  32.   							<ul class="nav nav_2">

  33. 							    <li class=""><a href="#form-input-standard">标准输入框</a></li>

  34. 							    <li class=""><a href="#form-input-useful">常用输入框</a></li>

  35. 							    <li class=""><a href="#form-input-textaea">文本域</a></li>

  36. 							    <li class=""><a href="#form-input-radiocheck">多选和单选框</a></li>

  37. 							    <li class=""><a href="#form-input-inlineselect">内联多选和单选框</a></li>

  38. 							    <li class=""><a href="#form-input-select">下拉列表</a></li>

  39. 							    <li class=""><a href="#form-input-noneinput">禁用输入框</a></li>

  40. 							    <li class=""><a href="#form-input-nonefieldset">禁用表单组</a></li>

  41. 						  	</ul>

  42. 	  					</li>

  43. 						<li class="">

  44. 						  	<a href="#button">按钮</a>

  45. 						  	<ul class="nav nav_2">

  46. 							    <li class=""><a href="#btn-before">预定义样式按钮</a></li>

  47. 							    <li class=""><a href="#btn-sizing">按钮尺寸</a></li>

  48. 							    <li class=""><a href="#btn-none">按钮禁用状态</a></li>

  49. 							    <li class=""><a href="#btn-icon">带图标按钮</a></li>

  50. 							    <li class=""><a href="#btn-label">标签</a></li>

  51. 						  	</ul>

  52. 						</li>

  53. 						<li class="">

  54. 						  	<a href="#table">表格</a>

  55. 						  	<ul class="nav nav_2">

  56. 							    <li class=""><a href="#table-noborder">无纵向分割线表格</a></li>

  57. 							    <li class=""><a href="#btn-border">有分割线表格</a></li>

  58. 						  	</ul>

  59. 						</li>

  60. 						<li class="">

  61. 						  	<a href="#module">组件</a>

  62. 						  	<ul class="nav nav_2">

  63. 							    <li class=""><a href="#module-time-select">时间选择器</a></li>

  64. 							    <li class=""><a href="#module-dim-select">模态框</a></li>

  65. 							    <li class=""><a href="#module-page-select">分页插件</a></li>

  66. 							    <li class=""><a href="#module-calendar-select">日历插件</a></li>

  67. 							    <li class=""><a href="#module-dropdown-select">下拉筛选</a></li>

  68. 							    <li class=""><a href="#module-easyalert-select">简易弹框</a></li>

  69. 							    <li class=""><a href="#module-alert-select">提示弹框</a></li>

  70. 							    <li class=""><a href="#module-confirm-select">警告弹框</a></li>

  71. 							    <li class=""><a href="#module-prompt-select">输入弹框</a></li>

  72. 							    <li class=""><a href="#module-panel-select">面板</a></li>

  73. 							   

  74. 						  	</ul>

  75. 						</li>

  76. 					</ul>

  77. 		            <!--<a class="back-to-top" href="#top">

  78. 		              返回顶部

  79. 		            </a>-->

  80.           		</div>

  81. 			</div>

  82. 			<!--content-->

  83. 			<div class="zzcontent ub-f1">

  84. 				<!--一级列表、、、表单-->

  85. 				<div>

  86. 					<!--一级标题-->

  87. 					<h1 id="form" class="page-header">表单</h1>

  88. 					

  89. <!--、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、-->					

  90. 					<!--二级标题-->

  91. 					<!--标准输入框-->

  92. 					<div style="margin-bottom: 30px;">

  93. 						<h2 id="form-input-standard">标准输入框（input）</h2>

  94. 						<p>描述:单独的表单控件会被自动赋予一些全局样式。<code>width</code>为100%。将控件包裹到 <code>.form-group</code>中会给控件之间加一些间隙以获得最好的排列。

  95. 						</p>

  96. 						<!--例子-->

  97. 						<div class="bs-example">

  98. 				            <div class="form-group">

  99. 							    <input type="test" class="form-control" id="" placeholder="线路">

  100. 							</div>

  101. 						</div>

  102. 						  <!--代码-->

  103. 						<div class="zero-clipboard"><span class="btn-clipboard copy">Copy</span></div>

  104. 						<div class="highlight">

  105. 						  	<pre class="prettyprint">

  106. 						  		<code class="html">&lt;div class=&quot;form-group&quot;&gt;

  107.     &lt;input type=&quot;test&quot; class=&quot;form-control&quot; id=&quot;&quot; placeholder=&quot;线路&quot;&gt;

  108. &lt;/div&gt;</code>

  109. 						  	</pre>

  110. 						</div>

  111. 					</div>

  112. <!--、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、-->					

  113. 					

  114. 					<!--二级标题-->

  115. 					<!--常用输入框 例子有三种-->

  116. 					<div style="margin-bottom: 30px;">

  117. 						<h2 id="form-input-useful">常用输入框（input）</h2>

  118. 						<p>描述:常用输入框宽高为151*28(包括边框)，<code>.form-inline</code>类可使其内容左对齐并且表现为<code>inline-block</code>级别的控件。一些检索查询页面会经常用到。

  119. 							控件具体宽度要可以根据项目具体给出，我们会在后期给出各种宽度的类。

  120. 						</p>

  121. 						<!--例子-->

  122. 						<div class="bs-example">

  123. 							<div class="form-inline">

  124. 							    <span id="">用户名：</span>

  125. 							    <div class="form-group">

  126. 								    <input type="text" class="form-control" id="" placeholder="用户名">

  127. 								</div>

  128. 							    <span id="">密码：</span>

  129. 							    <div class="form-group">

  130. 								    <input type="password" class="form-control" id="" placeholder="密码">

  131. 								</div>

  132. 							    <span id="">价格：</span>

  133. 							    <div class="form-group">

  134. 									<div class="input-group">

  135. 										<input class="form-control" type="email" placeholder="价格">

  136. 								        <div class="input-group-addon">元</div>

  137. 								    </div>

  138. 								</div>

  139. 							</div>

  140. 						</div>

  141. 						<!--代码-->

  142. 						<div class="zero-clipboard"><span class="btn-clipboard copy">Copy</span></div>

  143. 						<div class="highlight">

  144. 						  	<pre class="prettyprint">

  145. 						  		<code class="html">&lt;div class=&quot;form-inline&quot;&gt;

  146.     &lt;span id=&quot;&quot;&gt;用户名：&lt;/span&gt;

  147.     &lt;div class=&quot;form-group&quot;&gt;

  148. 	    &lt;input type=&quot;text&quot; class=&quot;form-control&quot; id=&quot;&quot; placeholder=&quot;用户名&quot;&gt;

  149. 	&lt;/div&gt;

  150.     &lt;span id=&quot;&quot;&gt;密码：&lt;/span&gt;

  151.     &lt;div class=&quot;form-group&quot;&gt;

  152. 	    &lt;input type=&quot;password&quot; class=&quot;form-control&quot; id=&quot;&quot; placeholder=&quot;密码&quot;&gt;

  153. 	&lt;/div&gt;

  154.     &lt;span id=&quot;&quot;&gt;价格：&lt;/span&gt;

  155.     &lt;div class=&quot;form-group&quot;&gt;

  156.         &lt;div class=&quot;input-group&quot;&gt;

  157.             &lt;input class=&quot;form-control&quot; type=&quot;email&quot; placeholder=&quot;价格&quot;&gt;

  158.             &lt;div class=&quot;input-group-addon&quot;&gt;元&lt;/div&gt;

  159.         &lt;/div&gt;

  160.     &lt;/div&gt;

  161. &lt;/div&gt;</code>

  162. 						  	</pre>

  163. 						</div>

  164. 					</div>

  165. <!--、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、-->					

  166. 					<!--二级标题-->

  167. 					<!--文本域-->

  168. 					<div style="margin-bottom: 30px;">

  169. 						<h2 id="form-input-textaea">文本域（textarea）</h2>

  170. 						<p>描述:支持多行文本的表单控件。可根据需要改变<code>rows</code>属性。禁止拖动加<code>resize: none;</code>属性即可。

  171. 						</p>

  172. 						<!--例子-->

  173. 						<div class="bs-example">

  174. 							<textarea class="form-control" rows="4"></textarea>

  175. 						</div>

  176. 						  <!--代码-->

  177. 						<div class="zero-clipboard"><span class="btn-clipboard copy">Copy</span></div>

  178. 						<div class="highlight">

  179. 						  	<pre class="prettyprint">

  180. 						  		<code class="html">&lt;textarea class=&quot;form-control&quot; rows=&quot;4&quot;&gt;&lt;/textarea&gt;</code>

  181. 						  	</pre>

  182. 						</div>

  183. 					</div>

  184. <!--、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、-->	

  185. 					<!--二级标题-->

  186. 					<!--文本域-->

  187. 					<div style="margin-bottom: 30px;">

  188. 						<h2 id="form-input-radiocheck">多选和单选框（radio、checkbox）</h2>

  189. 						<p>描述:多选框（checkbox）用于选择列表中的一个或多个选项，而单选框（radio）用于从多个选项中只选择一个。

  190. 							设置了<code> disabled</code>属性的单选或多选框都能被赋予合适的样式。对于和多选或单选框联合使用的<code>label</code>标签，

  191. 								如果也希望将悬停于上方的鼠标设置为“禁止点击”的样式，请将 <code>.disabled</code>类赋予<code> .radio</code>、<code>.radio-inline</code>、<code>.checkbox</code>、<code>.checkbox-inline</code>。

  192. 						</p>

  193. 						<!--例子-->

  194. 						<div class="bs-example">

  195. 							<div class="checkbox">

  196. 							    <label>

  197. 							        <input type="checkbox" value="">

  198. 							        这是一个可以选的多选框

  199. 							    </label>

  200. 							</div>

  201. 							<div class="checkbox disabled">

  202. 							    <label>

  203. 							        <input type="checkbox" value="" disabled>

  204. 							        这是一个不可选的多选框

  205. 							    </label>

  206. 							</div>

  207. 							<br>

  208. 							<div class="radio">

  209. 							  	<label>

  210. 							    <input type="radio" name="optionsRadios" value="option1" checked>

  211. 							    这是一个默认选中且可以选的单选框

  212. 							  	</label>

  213. 							</div>

  214. 							<div class="radio">

  215. 							 	<label>

  216. 							    		<input type="radio" name="optionsRadios" value="option2">

  217. 							    		这是一个可以选的单选框

  218. 							  	</label>

  219. 							</div>

  220. 							<div class="radio disabled">

  221. 							  	<label>

  222. 							    		<input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled>

  223. 							    		这是一个不可选的单选框

  224. 							  	</label>

  225. 							</div>

  226. 						</div>

  227. 						  <!--代码-->

  228. 						<div class="zero-clipboard"><span class="btn-clipboard copy">Copy</span></div>

  229. 						<div class="highlight">

  230. 						  	<pre class="prettyprint">

  231. 						  		<code class="html">&lt;div class=&quot;checkbox&quot;&gt;

  232.     &lt;label&gt;

  233.         &lt;input type=&quot;checkbox&quot; value=&quot;&quot;&gt;

  234.         这是一个可以选的多选框

  235.     &lt;/label&gt;

  236. &lt;/div&gt;

  237. &lt;div class=&quot;checkbox disabled&quot;&gt;

  238.     &lt;label&gt;

  239.         &lt;input type=&quot;checkbox&quot; value=&quot;&quot; disabled&gt;

  240.         这是一个不可选的多选框

  241.     &lt;/label&gt;

  242. &lt;/div&gt;

  243. &lt;br&gt;

  244. &lt;div class=&quot;radio&quot;&gt;

  245.     &lt;label&gt;

  246.         &lt;input type=&quot;radio&quot; name=&quot;optionsRadios&quot; value=&quot;option1&quot; checked&gt;

  247.         这是一个默认选中且可以选的单选框

  248.     &lt;/label&gt;

  249. &lt;/div&gt;

  250. &lt;div class=&quot;radio&quot;&gt;

  251.     &lt;label&gt;

  252.         &lt;input type=&quot;radio&quot; name=&quot;optionsRadios&quot; value=&quot;option2&quot;&gt;

  253.         这是一个可以选的单选框

  254.     &lt;/label&gt;

  255. &lt;/div&gt;

  256. &lt;div class=&quot;radio disabled&quot;&gt;

  257.     &lt;label&gt;

  258.         &lt;input type=&quot;radio&quot; name=&quot;optionsRadios&quot; id=&quot;optionsRadios3&quot; value=&quot;option3&quot; disabled&gt;

  259.         这是一个不可选的单选框

  260.     &lt;/label&gt;

  261. &lt;/div&gt;</code>

  262. 						  	</pre>

  263. 						</div>

  264. 					</div>

  265. <!--、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、-->	

  266. 					<!--二级标题-->

  267. 					<!--文本域-->

  268. 					<div style="margin-bottom: 30px;">

  269. 						<h2 id="form-input-inlineselect">内联多选和单选框（radio、checkbox）</h2>

  270. 						<p>描述:通过将 <code>.checkbox-inline</code> 或 <code>.radio-inline</code> 类应用到一系列的多选框（checkbox）或单选框（radio）控件上，可以使这些控件排列在一行。

  271. 						</p>

  272. 						<!--例子-->

  273. 						<div class="bs-example">

  274. 							<label class="checkbox-inline">

  275. 							 	<input type="checkbox" id="" value="1"> 1

  276. 							</label>

  277. 							<label class="checkbox-inline">

  278. 							  	<input type="checkbox" id="" value="2"> 2

  279. 							</label>

  280. 							<label class="checkbox-inline">

  281. 							  	<input type="checkbox" id="" value="3"> 3

  282. 							</label>

  283. 							<br>

  284. 							<label class="radio-inline">

  285. 							  	<input type="radio" name="inlineRadioOptions" id="" value="1" checked> 1

  286. 							</label>

  287. 							<label class="radio-inline">

  288. 							 	<input type="radio" name="inlineRadioOptions" id="" value="2"> 2

  289. 							</label>

  290. 							<label class="radio-inline">

  291. 							  	<input type="radio" name="inlineRadioOptions" id="" value="3"> 3

  292. 							</label>

  293. 						</div>

  294. 						  <!--代码-->

  295. 						<div class="zero-clipboard"><span class="btn-clipboard copy">Copy</span></div>

  296. 						<div class="highlight">

  297. 						  	<pre class="prettyprint">

  298. 						  		<code class="html">&lt;label class=&quot;checkbox-inline&quot;&gt;

  299.  	&lt;input type=&quot;checkbox&quot; id=&quot;&quot; value=&quot;1&quot;&gt; 1

  300. &lt;/label&gt;

  301. &lt;label class=&quot;checkbox-inline&quot;&gt;

  302.   	&lt;input type=&quot;checkbox&quot; id=&quot;&quot; value=&quot;2&quot;&gt; 2

  303. &lt;/label&gt;

  304. &lt;label class=&quot;checkbox-inline&quot;&gt;

  305.   	&lt;input type=&quot;checkbox&quot; id=&quot;&quot; value=&quot;3&quot;&gt; 3

  306. &lt;/label&gt;

  307. &lt;label class=&quot;radio-inline&quot;&gt;

  308.   	&lt;input type=&quot;radio&quot; name=&quot;inlineRadioOptions&quot; id=&quot;&quot; value=&quot;1&quot;&gt; 1

  309. &lt;/label&gt;

  310. &lt;label class=&quot;radio-inline&quot;&gt;

  311.  	&lt;input type=&quot;radio&quot; name=&quot;inlineRadioOptions&quot; id=&quot;&quot; value=&quot;2&quot;&gt; 2

  312. &lt;/label&gt;

  313. &lt;label class=&quot;radio-inline&quot;&gt;

  314.   	&lt;input type=&quot;radio&quot; name=&quot;inlineRadioOptions&quot; id=&quot;&quot; value=&quot;3&quot;&gt; 3

  315. &lt;/label&gt;</code>

  316. 						  	</pre>

  317. 						</div>

  318. 					</div>

  319. <!--、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、-->					

  320. 					<!--二级标题-->

  321. 					<!--标准输入框-->

  322. 					<div style="margin-bottom: 30px;">

  323. 						<h2 id="form-input-select">下拉列表（select）</h2>

  324. 						<p>描述:分两种，一种是宽度为100%，不常用；一种是默认宽度（字的宽度），两种都可自定义宽度。

  325. 						</p>

  326. 						<!--例子-->

  327. 						<div class="bs-example">

  328. 							<select class="form-control">

  329. 							  	<option>1</option>

  330. 							  	<option>2</option>	

  331. 							  	<option>3</option>

  332. 							  	<option>4</option>

  333. 							  	<option>5</option>

  334. 							</select>

  335. 							<br>

  336. 							<div class="form-inline">

  337. 								<select class="form-control">

  338. 									<option value="">预订时间</option>

  339. 									<option value="">出发时间</option>

  340. 								</select>

  341. 								<select class="form-control">

  342. 									<option value="0">请选择</option>		

  343. 									<option value="255">直通巴士</option>							

  344. 									<option value="256">穿梭巴士</option>

  345. 									<option value="284">城际商务车</option>

  346. 									<option value="368">打包产品</option>

  347. 								</select>

  348. 							</div>

  349. 						</div>

  350. 						

  351. 						  <!--代码-->

  352. 						<div class="zero-clipboard"><span class="btn-clipboard copy">Copy</span></div>

  353. 						<div class="highlight">

  354. 						  	<pre class="prettyprint">

  355. 						  		<code class="html">&lt;select class=&quot;form-control&quot;&gt;

  356.     &lt;option&gt;1&lt;/option&gt;

  357.     &lt;option&gt;2&lt;/option&gt;	

  358.     &lt;option&gt;3&lt;/option&gt;

  359.     &lt;option&gt;4&lt;/option&gt;

  360.     &lt;option&gt;5&lt;/option&gt;

  361. &lt;/select&gt;

  362. &lt;div class=&quot;form-inline&quot;&gt;

  363.     &lt;select class=&quot;form-control&quot;&gt;

  364.         &lt;option value=&quot;&quot;&gt;预订时间&lt;/option&gt;

  365.         &lt;option value=&quot;&quot;&gt;出发时间&lt;/option&gt;

  366.     &lt;/select&gt;

  367.     &lt;select class=&quot;form-control&quot;&gt;

  368.         &lt;option value=&quot;0&quot;&gt;请选择&lt;/option&gt;		

  369.         &lt;option value=&quot;255&quot;&gt;直通巴士&lt;/option&gt;							

  370.         &lt;option value=&quot;256&quot;&gt;穿梭巴士&lt;/option&gt;

  371.         &lt;option value=&quot;284&quot;&gt;城际商务车&lt;/option&gt;

  372.         &lt;option value=&quot;368&quot;&gt;打包产品&lt;/option&gt;

  373.     &lt;/select&gt;

  374. &lt;/div&gt;</code>

  375. 						  	</pre>

  376. 						</div>

  377. 					</div>

  378. <!--、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、-->							

  379. 					<!--二级标题-->

  380. 					<!--标准输入框-->

  381. 					<div style="margin-bottom: 30px;">

  382. 						<h2 id="form-input-noneinput">禁用输入框（input）</h2>

  383. 						<p>描述:禁用输入框状态。并能对外观做一些修改，使其更直观。</p>

  384. 						<!--例子-->

  385. 						<div class="bs-example">

  386. 							<input class="form-control" id="disabledInput" type="text" placeholder="被禁用的输入框" disabled="disabled">

  387. 						</div>

  388. 						

  389. 						  <!--代码-->

  390. 						<div class="zero-clipboard"><span class="btn-clipboard copy">Copy</span></div>

  391. 						<div class="highlight">

  392. 						  	<pre class="prettyprint">

  393. 						  		<code class="html">&lt;input class=&quot;form-control&quot; id=&quot;disabledInput&quot; type=&quot;text&quot; placeholder=&quot;被禁用的输入框&quot; disabled=&quot;disabled&quot;&gt;</code>

  394. 						  	</pre>

  395. 						</div>

  396. 					</div>

  397. <!--、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、-->							

  398. 					<!--二级标题-->

  399. 					<!--标准输入框-->

  400. 					<div style="margin-bottom: 30px;">

  401. 						<h2 id="form-input-nonefieldset">禁用表单组（fieldset）</h2>

  402. 						<p>描述:为 <code>&lt;fieldset&gt;</code> 设置 disabled 属性,可以禁用 <code>&lt;fieldset&gt;</code> 中包含的所有控件。</p>

  403. 						<!--例子-->

  404. 						<div class="bs-example">

  405. 							<fieldset disabled="disabled">

  406. 							    <div class="form-group">

  407. 							      	<input type="text" id="disabledTextInput" class="form-control" placeholder="Disabled input">

  408. 							    </div>

  409. 							    <div class="form-group">

  410. 							      	<select id="disabledSelect" class="form-control">

  411. 							        		<option>Disabled select</option>

  412. 							     	</select>

  413. 							    </div>

  414. 							    <div class="checkbox">

  415. 							      	<label>

  416. 							        		<input type="checkbox"> Can't check this

  417. 							      	</label>

  418. 							    </div>

  419. 							    	<button type="submit" class="btn btn-primary">提交</button>

  420. 							</fieldset>

  421. 						</div>

  422. 						

  423. 						  <!--代码-->

  424. 						<div class="zero-clipboard"><span class="btn-clipboard copy">Copy</span></div>

  425. 						<div class="highlight">

  426. 						  	<pre class="prettyprint">

  427. 						  		<code class="html">&lt;fieldset disabled=&quot;disabled&quot;&gt;

  428.     &lt;div class=&quot;form-group&quot;&gt;

  429.       	&lt;input type=&quot;text&quot; id=&quot;disabledTextInput&quot; class=&quot;form-control&quot; placeholder=&quot;Disabled input&quot;&gt;

  430.     &lt;/div&gt;

  431.     &lt;div class=&quot;form-group&quot;&gt;

  432.       	&lt;select id=&quot;disabledSelect&quot; class=&quot;form-control&quot;&gt;

  433.             &lt;option&gt;Disabled select&lt;/option&gt;

  434.      	&lt;/select&gt;

  435.     &lt;/div&gt;

  436.     &lt;div class=&quot;checkbox&quot;&gt;

  437.       	&lt;label&gt;

  438.             &lt;input type=&quot;checkbox&quot;&gt; Can&#x27;t check this

  439.         &lt;/label&gt;

  440.     &lt;/div&gt;

  441.     &lt;button type=&quot;submit&quot; class=&quot;btn btn-primary&quot;&gt;提交&lt;/button&gt;

  442. &lt;/fieldset&gt;</code>

  443. 						  	</pre>

  444. 						</div>

  445. 					</div>

  446. <!--、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、-->	

  447. 

  448. 				</div>

  449. 				

  450. 				<!--一级列表、、、表单-->

  451. 				<div>

  452. 					<!--一级标题-->

  453. 					<h1 id="button" class="page-header">按钮</h1>

  454. 					

  455. <!--、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、-->					

  456. 					<!--二级标题-->

  457. 					<!--标准输入框-->

  458. 					<div style="margin-bottom: 30px;">

  459. 						<h2 id="btn-before">预定义样式按钮（button）</h2>

  460. 						<p>描述:使用下面列出的类可以快速创建一个带有预定义样式的按钮。</p>

  461. 						<!--例子-->

  462. 						<div class="bs-example">

  463. 				            <div class="form-group">

  464. 				            		<button type="button" class="btn btn-import">重要</button>

  465. 				            		<button type="button" class="btn btn-secondary">次要</button>

  466. 							    <button type="button" class="btn btn-default">普通</button>

  467. 								<button type="button" class="btn btn-primary">主要</button>

  468. 								<button type="button" class="btn btn-success">成功</button>

  469. 								<button type="button" class="btn btn-info">信息</button>

  470. 								<button type="button" class="btn btn-warning">警告</button>

  471. 								<button type="button" class="btn btn-danger">危险</button>

  472. 								<button type="button" class="btn btn-link">链接</button>

  473. 							</div>

  474. 						</div>

  475. 						  <!--代码-->

  476. 						<div class="zero-clipboard"><span class="btn-clipboard copy">Copy</span></div>

  477. 						<div class="highlight">

  478. 						  	<pre class="prettyprint">

  479. 						  		<code class="html">&lt;div class=&quot;form-group&quot;&gt;

  480.     &lt;button type=&quot;button&quot; class=&quot;btn btn-import&quot;&gt;重要&lt;/button&gt;	

  481.     &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary&quot;&gt;次要&lt;/button&gt;	

  482.     &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot;&gt;普通&lt;/button&gt;

  483.     &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot;&gt;主要&lt;/button&gt;

  484.     &lt;button type=&quot;button&quot; class=&quot;btn btn-success&quot;&gt;成功&lt;/button&gt;

  485.     &lt;button type=&quot;button&quot; class=&quot;btn btn-info&quot;&gt;信息&lt;/button&gt;

  486.     &lt;button type=&quot;button&quot; class=&quot;btn btn-warning&quot;&gt;警告&lt;/button&gt;

  487.     &lt;button type=&quot;button&quot; class=&quot;btn btn-danger&quot;&gt;危险&lt;/button&gt;

  488.     &lt;button type=&quot;button&quot; class=&quot;btn btn-link&quot;&gt;链接&lt;/button&gt;

  489. &lt;/div&gt;</code>

  490. 						  	</pre>

  491. 						</div>

  492. 					</div>

  493. <!--、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、-->					

  494. 					<!--二级标题-->

  495. 					<!--标准输入框-->

  496. 					<div style="margin-bottom: 30px;">

  497. 						<h2 id="btn-sizing">按钮尺寸（button）</h2>

  498. 						<p>描述:使用 <code>.btn-lg</code> 、<code>.btn-sm</code> 或 <code>.btn-xs</code> 可以获得不同尺寸的按钮。</p>

  499. 						<!--例子-->

  500. 						<div class="bs-example">

  501. 				            <p>

  502. 							  	<button type="button" class="btn btn-primary btn-lg">大按钮</button>

  503. 							  	<button type="button" class="btn btn-default btn-lg">大按钮</button>

  504. 							</p>

  505. 							<p>

  506. 							    <button type="button" class="btn btn-primary">普通按钮</button>

  507. 							  	<button type="button" class="btn btn-default">普通按钮</button>

  508. 							</p>

  509. 							<p>

  510. 							  	<button type="button" class="btn btn-primary btn-sm">小按钮</button>

  511. 							  	<button type="button" class="btn btn-default btn-sm">小按钮</button>

  512. 							</p>

  513. 							<p>

  514. 							  	<button type="button" class="btn btn-primary btn-xs">非常小按钮</button>

  515. 							  	<button type="button" class="btn btn-default btn-xs">非常小按钮</button>

  516. 							</p>

  517. 						</div>

  518. 						  <!--代码-->

  519. 						<div class="zero-clipboard"><span class="btn-clipboard copy">Copy</span></div>

  520. 						<div class="highlight">

  521. 						  	<pre class="prettyprint">

  522. 						  		<code class="html">&lt;p&gt;

  523.     &lt;button type=&quot;button&quot; class=&quot;btn btn-primary btn-lg&quot;&gt;大按钮&lt;/button&gt;

  524.     &lt;button type=&quot;button&quot; class=&quot;btn btn-default btn-lg&quot;&gt;大按钮&lt;/button&gt;

  525. &lt;/p&gt;

  526. &lt;p&gt;

  527.     &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot;&gt;普通按钮&lt;/button&gt;

  528.     &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot;&gt;普通按钮&lt;/button&gt;

  529. &lt;p&gt;

  530.     &lt;button type=&quot;button&quot; class=&quot;btn btn-primary btn-sm&quot;&gt;小按钮&lt;/button&gt;

  531.     &lt;button type=&quot;button&quot; class=&quot;btn btn-default btn-sm&quot;&gt;小按钮&lt;/button&gt;

  532. &lt;/p&gt;

  533. &lt;p&gt;

  534.     &lt;button type=&quot;button&quot; class=&quot;btn btn-primary btn-xs&quot;&gt;非常小按钮&lt;/button&gt;

  535.     &lt;button type=&quot;button&quot; class=&quot;btn btn-default btn-xs&quot;&gt;非常小按钮&lt;/button&gt;

  536. &lt;/p&gt;</code>

  537. 						  	</pre>

  538. 						</div>

  539. 					</div>

  540. <!--、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、-->

  541. 					

  542. 					<!--二级标题-->

  543. 					<!--标准输入框-->

  544. 					<div style="margin-bottom: 30px;">

  545. 						<h2 id="btn-none">按钮禁用状态（button）</h2>

  546. 						<p>描述:为 <code>&lt;button&gt;</code> 元素添加 <code>disabled</code> 属性，使其表现出禁用状态。</p>

  547. 						<!--例子-->

  548. 						<div class="bs-example">

  549. 				            <button type="button" class="btn btn-primary" disabled="disabled">Button</button>

  550. 							<button type="button" class="btn btn-default" disabled="disabled">Button</button>

  551. 						</div>

  552. 						  <!--代码-->

  553. 						<div class="zero-clipboard"><span class="btn-clipboard copy">Copy</span></div>

  554. 						<div class="highlight">

  555. 						  	<pre class="prettyprint">

  556. 						  		<code class="html">&lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; disabled=&quot;disabled&quot;&gt;Button&lt;/button&gt;

  557. &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot; disabled=&quot;disabled&quot;&gt;Button&lt;/button&gt;</code>

  558. 						  	</pre>

  559. 						</div>

  560. 					</div>

  561. <!--、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、-->

  562. 					<!--二级标题-->

  563. 					<!--标准输入框-->

  564. 					<div style="margin-bottom: 30px;">

  565. 						<h2 id="btn-icon">带图标按钮（button）</h2>

  566. 						<p>描述:图标颜色和大小会继承字体的颜色和大小，很方便且简单。</p>

  567. 						<!--例子-->

  568. 						<div class="bs-example">

  569. 				            <button type="button" class="btn btn-primary">

  570. 							  	<span class="glyphicon glyphicon-star"></span> 提交

  571. 							</button>

  572. 							<button type="button" class="btn btn-default">

  573. 							  	<span class="glyphicon glyphicon-star"></span> 提交

  574. 							</button>

  575. 							<button type="button" class="btn btn-primary">

  576. 							  	<span class="glyphicon glyphicon-plus"></span> 添加线路

  577. 							</button>

  578. 							<button type="button" class="btn btn-default">

  579. 							  	<span class="glyphicon glyphicon-plus"></span> 添加线路

  580. 							</button>

  581. 						</div>

  582. 						  <!--代码-->

  583. 						<div class="zero-clipboard"><span class="btn-clipboard copy">Copy</span></div>

  584. 						<div class="highlight">

  585. 						  	<pre class="prettyprint">

  586. 						  		<code class="html">&lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot;&gt;

  587.     &lt;span class=&quot;glyphicon glyphicon-star&quot;&gt;&lt;/span&gt; 提交

  588. &lt;/button&gt;

  589. &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot;&gt;

  590.     &lt;span class=&quot;glyphicon glyphicon-star&quot;&gt;&lt;/span&gt; 提交

  591. &lt;/button&gt;

  592. &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot;&gt;

  593.     &lt;span class=&quot;glyphicon glyphicon-plus&quot;&gt;&lt;/span&gt; 添加线路

  594. &lt;/button&gt;

  595. &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot;&gt;

  596.     &lt;span class=&quot;glyphicon glyphicon-plus&quot;&gt;&lt;/span&gt; 添加线路

  597. &lt;/button&gt;</code>

  598. 						  	</pre>

  599. 						</div>

  600. 					</div>

  601. <!--、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、-->

  602. 				<!--二级标题-->

  603. 					<!--标准输入框-->

  604. 					<div style="margin-bottom: 30px;">

  605. 						<h2 id="btn-label">标签（label）</h2>

  606. 						<p>描述:图标颜色和大小会继承字体的颜色和大小，很方便且简单。</p>

  607. 						<!--例子-->

  608. 						<div class="bs-example">

  609. 				            <span class="label label-default">普通</span>

  610. 							<span class="label label-primary">主要</span>

  611. 							<span class="label label-success">成功</span>

  612. 							<span class="label label-info">信息</span>

  613. 							<span class="label label-warning">警告</span>

  614. 							<span class="label label-danger">危险</span>

  615. 						</div>

  616. 						  <!--代码-->

  617. 						<div class="zero-clipboard"><span class="btn-clipboard copy">Copy</span></div>

  618. 						<div class="highlight">

  619. 						  	<pre class="prettyprint">

  620. 						  		<code class="html">&lt;span class=&quot;label label-default&quot;&gt;普通&lt;/span&gt;

  621. &lt;span class=&quot;label label-primary&quot;&gt;主要&lt;/span&gt;

  622. &lt;span class=&quot;label label-success&quot;&gt;成功&lt;/span&gt;

  623. &lt;span class=&quot;label label-info&quot;&gt;信息&lt;/span&gt;

  624. &lt;span class=&quot;label label-warning&quot;&gt;警告&lt;/span&gt;

  625. &lt;span class=&quot;label label-danger&quot;&gt;危险&lt;/span&gt;</code>

  626. 						  	</pre>

  627. 						</div>

  628. 					</div>

  629. <!--、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、-->

  630. 

  631. 

  632. 				</div>

  633. 				

  634. 			

  635. 				<!--一级列表、、、表单-->

  636. 				<div>

  637. 					<!--一级标题-->

  638. 					<h1 id="table" class="page-header">表格</h1>

  639. 					

  640. 

  641. <!--、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、-->					

  642. 					<!--二级标题-->

  643. 					<!--标准输入框-->

  644. 					<div style="margin-bottom: 30px;">

  645. 						<h2 id="table-noborder">无纵向分割线表格（table）</h2>

  646. 						<p>描述:此表格为常规表格，最小宽度为880px，当表格父元素小于880时，表格为左右滚动效果，当表格大于880px时，表格自适应。</p>

  647. 						<!--例子-->

  648. 						<div class="bs-example">

  649. 				           	<div class="table-responsive">

  650. 								<table class="table table-striped table-hover">

  651. 									<thead>

  652. 										<tr>

  653. 											<th>订单编号</th>

  654. 											<th>预订时间</th>

  655. 											<th>订单渠道</th>

  656. 											<th>预订产品</th>

  657. 											<th>出发时间</th>

  658. 											<th>联系人</th>

  659. 											<th>状态</th>

  660. 											<th>支付方式</th>

  661. 											<th>操作</th>

  662. 										</tr>

  663. 									</thead>

  664. 									<tbody>

  665. 										<tr>

  666. 											<td><span class="glyphicon glyphicon-star"></span></td>

  667. 											<td>下单时间</td>

  668. 											<td>渠道订单号</td>

  669. 											<td>贵宾成人票</td>

  670. 											<td>出发时间</td>

  671. 											<td>name</td>

  672. 											<td>状态</td>

  673. 											<td>pay_type</td>

  674. 											<td>cancelOrder</td>

  675. 										</tr>

  676. 										<tr>

  677. 											<td><a>10086</a></td>

  678. 											<td>下单时间</td>

  679. 											<td>渠道订单号</td>

  680. 											<td>贵宾成人票</td>

  681. 											<td>出发时间</td>

  682. 											<td>name</td>

  683. 											<td>状态</td>

  684. 											<td>pay_type</td>

  685. 											<td>cancelOrder</td>

  686. 										</tr>

  687. 										<tr>

  688. 											<td><a>10086</a></td>

  689. 											<td>下单时间</td>

  690. 											<td>渠道订单号</td>

  691. 											<td>贵宾成人票</td>

  692. 											<td>出发时间</td>

  693. 											<td>name</td>

  694. 											<td>状态</td>

  695. 											<td>pay_type</td>

  696. 											<td>cancelOrder</td>

  697. 										</tr>

  698. 										<tr>

  699. 											<td><a>10086</a></td>

  700. 											<td>下单时间</td>

  701. 											<td>渠道订单号</td>

  702. 											<td>贵宾成人票</td>

  703. 											<td>出发时间</td>

  704. 											<td>name</td>

  705. 											<td>状态</td>

  706. 											<td>pay_type</td>

  707. 											<td>cancelOrder</td>

  708. 										</tr>

  709. 										<tr>

  710. 											<td><a>10086</a></td>

  711. 											<td>下单时间</td>

  712. 											<td>渠道订单号</td>

  713. 											<td>贵宾成人票</td>

  714. 											<td>出发时间</td>

  715. 											<td>name</td>

  716. 											<td>状态</td>

  717. 											<td>pay_type</td>

  718. 											<td>cancelOrder</td>

  719. 										</tr>

  720. 									</tbody>

  721. 								</table>

  722. 							</div>

  723. 						</div>

  724. 						  <!--代码-->

  725. 						<div class="zero-clipboard"><span class="btn-clipboard copy">Copy</span></div>

  726. 						<div class="highlight">

  727. 						  	<pre class="prettyprint">

  728. 						  		<code class="html">&lt;div class=&quot;table-responsive&quot;&gt;

  729.     &lt;table class=&quot;table table-striped table-hover&quot;&gt;

  730.         &lt;thead&gt;

  731.             &lt;tr&gt;

  732.                 &lt;th&gt;订单编号&lt;/th&gt;

  733.                 &lt;th&gt;预订时间&lt;/th&gt;

  734.                 &lt;th&gt;订单渠道&lt;/th&gt;

  735.                 &lt;th&gt;预订产品&lt;/th&gt;

  736.                 &lt;th&gt;出发时间&lt;/th&gt;

  737.                 &lt;th&gt;联系人&lt;/th&gt;

  738.                 &lt;th&gt;状态&lt;/th&gt;

  739.                 &lt;th&gt;支付方式&lt;/th&gt;

  740.                 &lt;th&gt;操作&lt;/th&gt;

  741.             &lt;/tr&gt;

  742.         &lt;/thead&gt;

  743.         &lt;tbody&gt;

  744.             &lt;tr&gt;

  745.                 &lt;td&gt;订单编号&lt;/td&gt;

  746.                 &lt;td&gt;下单时间&lt;/td&gt;

  747.                 &lt;td&gt;渠道订单号&lt;/td&gt;

  748.                 &lt;td&gt;贵宾成人票&lt;/td&gt;

  749.                 &lt;td&gt;出发时间&lt;/td&gt;

  750.                 &lt;td&gt;name&lt;/td&gt;

  751.                 &lt;td&gt;状态&lt;/td&gt;

  752.                 &lt;td&gt;pay_type&lt;/td&gt;

  753.                 &lt;td&gt;cancelOrder&lt;/td&gt;

  754.              &lt;/tr&gt;

  755.          &lt;/tbody&gt;

  756.     &lt;/table&gt;

  757. &lt;/div&gt;</code>

  758. 						  	</pre>

  759. 						</div>

  760. 					</div>

  761. 

  762. <!--、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、-->

  763. 					<!--二级标题-->

  764. 					<!--标准输入框-->

  765. 					<div style="margin-bottom: 30px;">

  766. 						<h2 id="btn-border">有分割线表格（table）</h2>

  767. 						<p>描述:此表格为有分割线，自适应法则同上，主要用于有合并单元格的情况用的。默认不带悬停效果，想加直接给 <code>&lt;table&gt;</code> 标签加 <code>.table-hover</code> 即可</p>

  768. 						<!--例子-->

  769. 						<div class="bs-example">

  770. 				           	<div class="table-responsive">

  771. 							    <table class="table table-bordered">

  772.                         				<thead>

  773.                         					<tr>

  774. 				                            <th>线路</th>

  775. 				                            <th>出发地</th>

  776. 				                            <th>目的地</th>

  777. 				                            <th>出发时间</th>

  778. 				                            <th>车次</th>

  779. 				                            <th>座位等级</th>

  780. 				                            <th>序号</th>

  781. 				                            <th>打印</th>

  782. 				                            <th>改签</th>

  783. 				                            <th>退票</th>

  784. 				                            <th>金额</th>

  785.                         					</tr>

  786.                         				</thead>

  787.                         				<tbody>

  788.                                         <tr>

  789.                                             <td rowspan="2">QDSH-Z001(千岛湖-上海市)</td>

  790.                                         		<td rowspan="2">千岛湖(绿城千岛湖喜来登度假酒店)</td>

  791.                                         		<td rowspan="2">上海市(黄浦旅游集散站)</td>

  792.                                             <td>14:10</td>

  793. 		                                    <td>1</td>

  794. 		                                    <td>普通座</td>

  795. 		                                    <td>N8</td>

  796. 		                                    <td>否</td>

  797. 		                                    <td>否</td>

  798. 		                                    <td>否</td>

  799. 		                                    <td>94.00</td>

  800.                                 			</tr>

  801.                                         <tr>

  802.                                             <td>14:10</td>

  803. 		                                    <td>1</td>

  804. 		                                    <td>普通座</td>

  805. 		                                    <td>N9</td>

  806. 		                                    <td>否</td>

  807. 		                                    <td>否</td>

  808. 		                                    <td>否</td>

  809. 		                                    <td>94.00</td>

  810.                                 			</tr>

  811.                                         <tr>

  812.                             					<td colspan="9"></td>

  813.                             					<td>总额</td>

  814.                             					<td>¥188</td>

  815.                         					</tr>

  816.                        				</tbody>

  817. 							    </table>

  818. 							  </div>

  819. 						</div>

  820. 						  <!--代码-->

  821. 						<div class="zero-clipboard"><span class="btn-clipboard copy">Copy</span></div>

  822. 						<div class="highlight">

  823. 						  	<pre class="prettyprint">

  824. 						  		<code class="html">&lt;div class=&quot;table-responsive&quot;&gt;

  825.     &lt;table class=&quot;table table-bordered&quot;&gt;

  826.         &lt;thead&gt;

  827.             &lt;tr&gt;

  828.                 &lt;th&gt;线路&lt;/th&gt;

  829.                 &lt;th&gt;出发地&lt;/th&gt;

  830.                 &lt;th&gt;目的地&lt;/th&gt;

  831.                 &lt;th&gt;出发时间&lt;/th&gt;

  832.                 &lt;th&gt;车次&lt;/th&gt;

  833.                 &lt;th&gt;座位等级&lt;/th&gt;

  834.                 &lt;th&gt;序号&lt;/th&gt;

  835.                 &lt;th&gt;打印&lt;/th&gt;

  836.                 &lt;th&gt;改签&lt;/th&gt;

  837.                 &lt;th&gt;退票&lt;/th&gt;

  838.                 &lt;th&gt;金额&lt;/th&gt;

  839.             &lt;/tr&gt;

  840.         &lt;/thead&gt;

  841.         &lt;tbody&gt;

  842.             &lt;tr&gt;

  843.                 &lt;td rowspan=&quot;2&quot;&gt;QDSH-Z001(千岛湖-上海市)&lt;/td&gt;

  844.                 &lt;td rowspan=&quot;2&quot;&gt;千岛湖(绿城千岛湖喜来登度假酒店)&lt;/td&gt;

  845.                 &lt;td rowspan=&quot;2&quot;&gt;上海市(黄浦旅游集散站)&lt;/td&gt;

  846.                 &lt;td&gt;14:10&lt;/td&gt;

  847.                 &lt;td&gt;1&lt;/td&gt;

  848.                 &lt;td&gt;普通座&lt;/td&gt;

  849.                 &lt;td&gt;N8&lt;/td&gt;

  850.                 &lt;td&gt;否&lt;/td&gt;

  851.                 &lt;td&gt;否&lt;/td&gt;

  852.                 &lt;td&gt;否&lt;/td&gt;

  853.                 &lt;td&gt;94.00&lt;/td&gt;

  854.             &lt;/tr&gt;

  855.             &lt;tr&gt;

  856.                 &lt;td&gt;14:10&lt;/td&gt;

  857.                 &lt;td&gt;1&lt;/td&gt;

  858.                 &lt;td&gt;普通座&lt;/td&gt;

  859.                 &lt;td&gt;N9&lt;/td&gt;

  860.                 &lt;td&gt;否&lt;/td&gt;

  861.                 &lt;td&gt;否&lt;/td&gt;

  862.                 &lt;td&gt;否&lt;/td&gt;

  863.                 &lt;td&gt;94.00&lt;/td&gt;

  864.             &lt;/tr&gt;

  865.             &lt;tr&gt;

  866.                 &lt;td colspan=&quot;9&quot;&gt;&lt;/td&gt;

  867.                 &lt;td&gt;总额&lt;/td&gt;

  868.                 &lt;td&gt;¥188&lt;/td&gt;

  869.              &lt;/tr&gt;

  870.         &lt;/tbody&gt;

  871.     &lt;/table&gt;

  872. &lt;/div&gt;</code>

  873. 						  	</pre>

  874. 						</div>

  875. 					</div>

  876. 

  877. <!--、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、-->

  878. 

  879. 

  880. 

  881. 				</div>

  882. 				<!--一级列表、、、表单-->

  883. 				<div>

  884. 					<!--一级标题-->

  885. 					<h1 id="module" class="page-header">组件</h1>

  886. 					

  887. <!--、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、-->					

  888. 					<!--二级标题-->

  889. 					<!--标准输入框-->

  890. 					<div style="margin-bottom: 30px;">

  891. 						<h2 id="module-time-select">时间选择器（timepicker）</h2>

  892. 						<p>描述:选择小时和分钟的组件。其中每个组件必须设置id，否则不起作用。</p>

  893. 						<!--例子-->

  894. 						<div class="bs-example">

  895. 				           	<div id="time_1" class="timepicker_box">

  896. 								<span class="form-inline timepicker">

  897. 									<input type="text" class="form-control" readonly>

  898. 								 	<span class="glyphicon glyphicon-time"></span>

  899. 								</span>

  900. 								<div class="timepicker_select">

  901. 									<div class="select_hour_box">

  902. 										

  903. 									</div>

  904. 									<div class="select_minute_box">

  905. 										

  906. 									</div>

  907. 								</div>

  908. 							</div>

  909. 							<div id="time_2" class="timepicker_box">

  910. 								<span class="form-inline timepicker">

  911. 									<input type="text" class="form-control" readonly>

  912. 								 	<span class="glyphicon glyphicon-time"></span>

  913. 								</span>

  914. 								<div class="timepicker_select">

  915. 									<div class="select_hour_box">

  916. 										

  917. 									</div>

  918. 									<div class="select_minute_box">

  919. 										

  920. 									</div>

  921. 								</div>

  922. 							</div>

  923. 						</div>

  924. 						  <!--代码-->

  925. 						<div class="zero-clipboard"><span class="btn-clipboard copy">Copy</span></div>

  926. 						<div class="highlight">

  927. 						  	<pre class="prettyprint">

  928. 						  		<code class="html">&lt;!-- CSS --&gt;

  929. &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;dist/css/module.css&quot;/&gt;

  930. 

  931. &lt;!-- HTML --&gt;

  932. &lt;div id=&quot;time_id&quot; class=&quot;timepicker_box&quot;&gt;

  933.     &lt;span class=&quot;form-inline timepicker&quot;&gt;

  934.         &lt;input type=&quot;text&quot; class=&quot;form-control&quot; readonly&gt;

  935.         &lt;span class=&quot;glyphicon glyphicon-time&quot;&gt;&lt;/span&gt;

  936.     &lt;/span&gt;

  937.     &lt;div class=&quot;timepicker_select&quot;&gt;

  938.         &lt;div class=&quot;select_hour_box&quot;&gt;&lt;/div&gt;

  939.         &lt;div class=&quot;select_minute_box&quot;&gt;&lt;/div&gt;

  940.     &lt;/div&gt;

  941. &lt;/div&gt;

  942. 

  943. &lt;!-- JS --&gt;

  944. &lt;script src=&quot;dist/js/module.js&quot; type=&quot;text/javascript&quot; charset=&quot;utf-8&quot;&gt;&lt;/script&gt;</code>

  945. 						  	</pre>

  946. 						</div>

  947. 					</div>

  948. 

  949. <!--、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、-->

  950. 					<!--二级标题-->

  951. 					<!--标准输入框-->

  952. 					<div style="margin-bottom: 30px;">

  953. 						<h2 id="module-dim-select">模态框（）</h2>

  954. 						<p>描述:</p>

  955. 						<!--例子-->

  956. 						<div class="bs-example">

  957. 				           	<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">大模态框</button>

  958. 				           	<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-sm">小模态框</button>

  959. 							<!--大模态框-->

  960. 							<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">

  961. 							    <div class="modal-dialog modal-lg">

  962. 							        <div class="modal-content">

  963. 							        		这里是内容

  964. 							        </div>

  965. 							  </div>

  966. 							</div>

  967. 							<!-- 小模态框 -->

  968. 							<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">

  969. 							    <div class="modal-dialog modal-sm">

  970. 							        <div class="modal-content">

  971. 							           这里是内容

  972. 							        </div>

  973. 							    </div>

  974. 							</div>

  975. 						</div>

  976. 						  <!--代码-->

  977. 						<div class="zero-clipboard"><span class="btn-clipboard copy">Copy</span></div>

  978. 						<div class="highlight">

  979. 						  	<pre class="prettyprint">

  980. 						  		<code class="html">

  981. &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; data-toggle=&quot;modal&quot; data-target=&quot;.bs-example-modal-lg&quot;&gt;大模态框&lt;/button&gt;

  982. &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; data-toggle=&quot;modal&quot; data-target=&quot;.bs-example-modal-sm&quot;&gt;小模态框&lt;/button&gt;

  983. &lt;!--大模态框--&gt;

  984. &lt;div class=&quot;modal fade bs-example-modal-lg&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-labelledby=&quot;myLargeModalLabel&quot; aria-hidden=&quot;true&quot;&gt;

  985.     &lt;div class=&quot;modal-dialog modal-lg&quot;&gt;

  986.         &lt;div class=&quot;modal-content&quot;&gt;

  987.             这里是内容

  988.         &lt;/div&gt;

  989.     &lt;/div&gt;

  990. &lt;/div&gt;

  991. &lt;!-- 小模态框 --&gt;

  992. &lt;div class=&quot;modal fade bs-example-modal-sm&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-labelledby=&quot;mySmallModalLabel&quot; aria-hidden=&quot;true&quot;&gt;

  993.     &lt;div class=&quot;modal-dialog modal-sm&quot;&gt;

  994.         &lt;div class=&quot;modal-content&quot;&gt;

  995.             这里是内容

  996.         &lt;/div&gt;

  997.     &lt;/div&gt;

  998. &lt;/div&gt;</code>

  999. 						  	</pre>

  1000. 						</div>

  1001. 					</div>

  1002. <!--、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、-->

  1003. 					<!--二级标题-->

  1004. 					<!--标准输入框-->

  1005. 					<div style="margin-bottom: 30px;">

  1006. 						<h2 id="module-page-select">分页</h2>

  1007. 						<p>描述:这是一个分页</p>

  1008. 						<!--例子-->

  1009. 						<div class="bs-example">

  1010. 							<!--HTML-->

  1011. 							<div class="pageDiv"></div>

  1012. 						</div>

  1013. 						  <!--代码-->

  1014. 						<div class="zero-clipboard"><span class="btn-clipboard copy">Copy</span></div>

  1015. 						<div class="highlight">

  1016. 						  	<pre class="prettyprint">

  1017. 						  		<code class="html">&lt;!--HTML--&gt;

  1018. &lt;div class=&quot;pageDiv&quot;&gt;&lt;/div&gt;

  1019. 

  1020. &lt;!--JS--&gt;

  1021. &lt;script type=&quot;text/javascript&quot;&gt;

  1022. $(&quot;.pageDiv&quot;).createPage({

  1023.     pageCount: 10, //总页数

  1024.     current: 1, //当前页

  1025.     turndown: &#x27;true&#x27;, //是否显示跳转框，显示为true，不现实为false,一定记得加上引号...

  1026.     backFn: function (p) {

  1027.         //这里是翻页后的请求

  1028.     }

  1029. });

  1030. &lt;/script&gt;</code>

  1031. 						  	</pre>

  1032. 						</div>

  1033. 					</div>

  1034. <!--、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、-->

  1035. 					<!--二级标题-->

  1036. 					<!--标准输入框-->

  1037. 					<div style="margin-bottom: 30px;">

  1038. 						<h2 id="module-calendar-select">日历插件</h2>

  1039. 						<p>描述:这是一个日历插件</p>

  1040. 						<!--例子-->

  1041. 						<div class="bs-example">

  1042. 							<!--HTML-->

  1043. 			                <div class="input-group date form_date">

  1044. 			                    <input class="form-control" size="16" type="text" value="2017-02-23" readonly>

  1045. 								<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>

  1046. 			                </div>

  1047. 						</div>

  1048. 						  <!--代码-->

  1049. 						<div class="zero-clipboard"><span class="btn-clipboard copy">Copy</span></div>

  1050. 						<div class="highlight">

  1051. 						  	<pre class="prettyprint">

  1052. 						  		<code class="html">&lt;!--CSS--&gt;

  1053. &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;dist/css/bootstrap-datetimepicker.css&quot;/&gt;

  1054. 

  1055. &lt;!--HTML--&gt;

  1056. &lt;div class=&quot;input-group date form_date&quot;&gt;

  1057.     &lt;input class=&quot;form-control&quot; size=&quot;16&quot; type=&quot;text&quot; value=&quot;2017-02-23&quot; readonly&gt;

  1058.     &lt;span class=&quot;input-group-addon&quot;&gt;&lt;span class=&quot;glyphicon glyphicon-calendar&quot;&gt;&lt;/span&gt;&lt;/span&gt;

  1059. &lt;/div&gt;

  1060.     

  1061. &lt;!--JS--&gt;

  1062. &lt;script src=&quot;dist/js/bootstrap-datetimepicker.min.js&quot; type=&quot;text/javascript&quot; charset=&quot;utf-8&quot;&gt;&lt;/script&gt;

  1063. &lt;script type=&quot;text/javascript&quot;&gt;

  1064.     $(&quot;.form_date&quot;).datetimepicker({

  1065. 	    format: &#x27;yyyy-mm-dd&#x27;,

  1066. 	    autoclose:true,

  1067. 	    minView:2,

  1068. 	    pickerPosition:&quot;bottom-left&quot;

  1069. 	});

  1070. &lt;/script&gt;</code>

  1071. 						  	</pre>

  1072. 						</div>

  1073. 					</div>

  1074. <!--、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、-->

  1075. 					<!--二级标题-->

  1076. 					<!--标准输入框-->

  1077. 					<div style="margin-bottom: 30px;">

  1078. 						<h2 id="module-dropdown-select">下拉筛选</h2>

  1079. 						<p>描述:这是一个下拉筛选</p>

  1080. 						<!--例子-->

  1081. 						<div class="bs-example">

  1082. 							<!--HTML-->

  1083. 							<select class="select_screen">

  1084. 								<option value="出发地1">出发地1</option>

  1085. 								<option value="出发地2">出发地2</option>

  1086. 								<option value="出发地3">出发地3</option>

  1087. 								<option value="出发地4">出发地4</option>

  1088. 								<option value="出发地5">出发地5</option>

  1089. 							</select>

  1090. 						</div>

  1091. 						  <!--代码-->

  1092. 						<div class="zero-clipboard"><span class="btn-clipboard copy">Copy</span></div>

  1093. 						<div class="highlight">

  1094. 						  	<pre class="prettyprint">

  1095. 						  		<code class="html">&lt;!--HTML--&gt;

  1096. &lt;select class=&quot;select_screen&quot;&gt;

  1097.     &lt;option value=&quot;出发地1&quot;&gt;出发地1&lt;/option&gt;

  1098.     &lt;option value=&quot;出发地2&quot;&gt;出发地2&lt;/option&gt;

  1099.     &lt;option value=&quot;出发地3&quot;&gt;出发地3&lt;/option&gt;

  1100.     &lt;option value=&quot;出发地4&quot;&gt;出发地4&lt;/option&gt;

  1101.     &lt;option value=&quot;出发地5&quot;&gt;出发地5&lt;/option&gt;

  1102. &lt;/select&gt;

  1103. &lt;!--JS--&gt;

  1104. &lt;script type=&quot;text/javascript&quot;&gt;

  1105.     $(&#x27;.select_screen&#x27;).comboSelect();

  1106. &lt;/script&gt;</code>

  1107. 						  	</pre>

  1108. 						</div>

  1109. 					</div>

  1110. <!--、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、-->					

  1111. 					<!--二级标题-->

  1112. 					<!--标准输入框-->

  1113. 					<div style="margin-bottom: 30px;">

  1114. 						<h2 id="module-easyalert-select">简易弹框</h2>

  1115. 						<p>描述:这是一个简易的弹框，显示2.5秒后消失，传两个参数（字符串），第一个是提示文字，第二个是弹框类型（success,warning,error）可不填，默认success。</p>

  1116. 						<!--例子-->

  1117. 						<div class="bs-example">

  1118. 							<!--HTML-->

  1119. 							<button onclick="easyAlert('这是成功提示信息！','success')" class="btn btn-default">成功提示</button>

  1120. 							<button onclick="easyAlert('这是警告提示信息！','warning')" class="btn btn-default">警告提示</button>

  1121. 							<button onclick="easyAlert('这是错误提示信息！','error')" class="btn btn-default">错误提示</button>

  1122. 						</div>

  1123. 						  <!--代码-->

  1124. 						<div class="zero-clipboard"><span class="btn-clipboard copy">Copy</span></div>

  1125. 						<div class="highlight">

  1126. 						  	<pre class="prettyprint">

  1127. 						  		<code class="html">&lt;button onclick=&quot;easyAlert(&#x27;这是成功提示信息！&#x27;,&#x27;success&#x27;)&quot; class=&quot;btn btn-default&quot;&gt;成功提示&lt;/button&gt;

  1128. &lt;button onclick=&quot;easyAlert(&#x27;这是警告提示信息！&#x27;,&#x27;warning&#x27;)&quot; class=&quot;btn btn-default&quot;&gt;警告提示&lt;/button&gt;

  1129. &lt;button onclick=&quot;easyAlert(&#x27;这是错误提示信息！&#x27;,&#x27;error&#x27;)&quot; class=&quot;btn btn-default&quot;&gt;错误提示&lt;/button&gt;</code>

  1130. 						  	</pre>

  1131. 						</div>

  1132. 					</div>

  1133. 

  1134. <!--、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、-->

  1135. 						

  1136. 					<!--二级标题-->

  1137. 					<!--标准输入框-->

  1138. 					<div style="margin-bottom: 30px;">

  1139. 						<h2 id="module-alert-select">提示弹框</h2>

  1140. 						<p>描述:这是一个类alert，可以传两个参数，第一个是文字信息，第二个是点击确定后的回调。</p>

  1141. 						<!--例子-->

  1142. 						<div class="bs-example">

  1143. 							<!--HTML-->

  1144. 							<button onclick="ZZAlertInfo('这是提示信息！')" class="btn btn-default">提示</button>

  1145. 						</div>

  1146. 						  <!--代码-->

  1147. 						<div class="zero-clipboard"><span class="btn-clipboard copy">Copy</span></div>

  1148. 						<div class="highlight">

  1149. 						  	<pre class="prettyprint">

  1150. 						  		<code class="html">&lt;!--CSS--&gt;

  1151. &lt;link rel=&quot;stylesheet&quot; href=&quot;http://img.zhizhuchuxing.cn/zzframe/dists/css/xcConfirm.css&quot; /&gt;

  1152. &lt;!--HTML--&gt;

  1153. &lt;button onclick=&quot;ZZAlertInfo(&#x27;这是提示信息！&#x27;)&quot; class=&quot;btn btn-default&quot;&gt;提示&lt;/button&gt;

  1154. &lt;!--JS--&gt;

  1155. &lt;script src=&quot;http://img.zhizhuchuxing.cn/zzframe/dists/js/xcConfirm.js&quot; type=&quot;text/javascript&quot; charset=&quot;utf-8&quot;&gt;&lt;/script&gt;</code>

  1156. 						  	</pre>

  1157. 						</div>

  1158. 					</div>

  1159. 

  1160. <!--、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、-->

  1161. 					<!--二级标题-->

  1162. 					<!--标准输入框-->

  1163. 					<div style="margin-bottom: 30px;">

  1164. 						<h2 id="module-confirm-select">警告弹框</h2>

  1165. 						<p>描述:这是一个类confirm，可以传四个参数，第一个是文字信息，第二个是点击确定后的回调，第三个是点击取消后的回调，第四个是点击关闭后的回调</p>

  1166. 						<!--例子-->

  1167. 						<div class="bs-example">

  1168. 							<!--HTML-->

  1169. 							<button onclick="ZZConfirm('这是警告信息！')" class="btn btn-default">警告</button>

  1170. 						</div>

  1171. 						  <!--代码-->

  1172. 						<div class="zero-clipboard"><span class="btn-clipboard copy">Copy</span></div>

  1173. 						<div class="highlight">

  1174. 						  	<pre class="prettyprint">

  1175. 						  		<code class="html">&lt;!--CSS--&gt;

  1176. &lt;link rel=&quot;stylesheet&quot; href=&quot;http://img.zhizhuchuxing.cn/zzframe/dists/css/xcConfirm.css&quot; /&gt;

  1177. &lt;!--HTML--&gt;

  1178. &lt;button onclick=&quot;ZZConfirm(&#x27;这是警告信息！&#x27;)&quot; class=&quot;btn btn-default&quot;&gt;警告&lt;/button&gt;

  1179. &lt;!--JS--&gt;

  1180. &lt;script src=&quot;http://img.zhizhuchuxing.cn/zzframe/dists/js/xcConfirm.js&quot; type=&quot;text/javascript&quot; charset=&quot;utf-8&quot;&gt;&lt;/script&gt;</code>

  1181. 						  	</pre>

  1182. 						</div>

  1183. 					</div>

  1184. 

  1185. <!--、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、-->

  1186. 					<!--二级标题-->

  1187. 					<!--标准输入框-->

  1188. 					<div style="margin-bottom: 30px;">

  1189. 						<h2 id="module-prompt-select">输入弹框</h2>

  1190. 						<p>描述:prompt，可以传三个参数，第一个是文字信息，第二个是点击确定后的回调，第三个是点击关闭后的回调</p>

  1191. 						<!--例子-->

  1192. 						<div class="bs-example">

  1193. 							<!--HTML-->

  1194. 							<button onclick="ZZInput('这里是文字信息！')" class="btn btn-default">输入弹框</button>

  1195. 						</div>

  1196. 						  <!--代码-->

  1197. 						<div class="zero-clipboard"><span class="btn-clipboard copy">Copy</span></div>

  1198. 						<div class="highlight">

  1199. 						  	<pre class="prettyprint">

  1200. 						  		<code class="html">&lt;!--CSS--&gt;

  1201. &lt;link rel=&quot;stylesheet&quot; href=&quot;http://img.zhizhuchuxing.cn/zzframe/dists/css/xcConfirm.css&quot; /&gt;

  1202. &lt;!--HTML--&gt;

  1203. &lt;button onclick=&quot;ZZInput(&#x27;这里是文字信息！&#x27;)&quot; class=&quot;btn btn-default&quot;&gt;输入弹框&lt;/button&gt;

  1204. &lt;!--JS--&gt;

  1205. &lt;script src=&quot;http://img.zhizhuchuxing.cn/zzframe/dists/js/xcConfirm.js&quot; type=&quot;text/javascript&quot; charset=&quot;utf-8&quot;&gt;&lt;/script&gt;</code>

  1206. 						  	</pre>

  1207. 						</div>

  1208. 					</div>

  1209. 

  1210. <!--、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、-->

  1211. 					<!--二级标题-->

  1212. 					<!--标准输入框-->

  1213. 					<div style="margin-bottom: 30px;">

  1214. 						<h2 id="module-panel-select">面板</h2>

  1215. 						<p>描述:这是一个面板</p>

  1216. 						<!--例子-->

  1217. 						<div class="bs-example">

  1218. 							<!--HTML-->

  1219. 							<div class="panel panel-default">

  1220. 								<div class="panel-heading">这是面板的头部</div>

  1221. 								<div class="panel-body">

  1222. 								    这里放内容

  1223. 								</div>

  1224. 							</div>

  1225. 						</div>

  1226. 						  <!--代码-->

  1227. 						<div class="zero-clipboard"><span class="btn-clipboard copy">Copy</span></div>

  1228. 						<div class="highlight">

  1229. 						  	<pre class="prettyprint">

  1230. 						  		<code class="html">&lt;!--HTML--&gt;

  1231. &lt;div class=&quot;panel panel-default&quot;&gt;

  1232.     &lt;div class=&quot;panel-heading&quot;&gt;这是面板的头部&lt;/div&gt;

  1233.     &lt;div class=&quot;panel-body&quot;&gt;

  1234.         这里放内容

  1235.     &lt;/div&gt;

  1236. &lt;/div&gt;</code>

  1237. 						  	</pre>

  1238. 						</div>

  1239. 					</div>

  1240. 

  1241. <!--、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、-->

  1242. 					

  1243. 				</div>

  1244. 								<!--一级列表、、、表单-->

  1245. 				<div>

  1246. 					<!--一级标题-->

  1247. 					<h1 id="picture" class="page-header">图标</h1>

  1248. 					

  1249. <!--、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、-->					

  1250. 					<!--二级标题-->

  1251. 					<!--标准输入框-->

  1252. 					<div style="margin-bottom: 30px;">

  1253. 						<h2 id="forms-example">Glyphicons 字体图标</h2>

  1254. 						<p>描述:包括200个来自 Glyphicon Halflings 的字体图标。。</p>

  1255. 						<!--例子-->

  1256. 						<div class="bs-example">

  1257. 				            <div class="bs-glyphicons">

  1258. 							    <ul class="bs-glyphicons-list">

  1259. 							      

  1260. 							        <li>

  1261. 							          <span class="glyphicon glyphicon-asterisk"></span>

  1262. 							          <span class="glyphicon-class">glyphicon glyphicon-asterisk</span>

  1263. 							        </li>

  1264. 							      

  1265. 							        <li>

  1266. 							          <span class="glyphicon glyphicon-plus"></span>

  1267. 							          <span class="glyphicon-class">glyphicon glyphicon-plus</span>

  1268. 							        </li>

  1269. 							      

  1270. 							        <li>

  1271. 							          <span class="glyphicon glyphicon-euro"></span>

  1272. 							          <span class="glyphicon-class">glyphicon glyphicon-euro</span>

  1273. 							        </li>

  1274. 							      

  1275. 							        <li>

  1276. 							          <span class="glyphicon glyphicon-minus"></span>

  1277. 							          <span class="glyphicon-class">glyphicon glyphicon-minus</span>

  1278. 							        </li>

  1279. 							      

  1280. 							        <li>

  1281. 							          <span class="glyphicon glyphicon-cloud"></span>

  1282. 							          <span class="glyphicon-class">glyphicon glyphicon-cloud</span>

  1283. 							        </li>

  1284. 							      

  1285. 							        <li>

  1286. 							          <span class="glyphicon glyphicon-envelope"></span>

  1287. 							          <span class="glyphicon-class">glyphicon glyphicon-envelope</span>

  1288. 							        </li>

  1289. 							      

  1290. 							        <li>

  1291. 							          <span class="glyphicon glyphicon-pencil"></span>

  1292. 							          <span class="glyphicon-class">glyphicon glyphicon-pencil</span>

  1293. 							        </li>

  1294. 							      

  1295. 							        <li>

  1296. 							          <span class="glyphicon glyphicon-glass"></span>

  1297. 							          <span class="glyphicon-class">glyphicon glyphicon-glass</span>

  1298. 							        </li>

  1299. 							      

  1300. 							        <li>

  1301. 							          <span class="glyphicon glyphicon-music"></span>

  1302. 							          <span class="glyphicon-class">glyphicon glyphicon-music</span>

  1303. 							        </li>

  1304. 							      

  1305. 							        <li>

  1306. 							          <span class="glyphicon glyphicon-search"></span>

  1307. 							          <span class="glyphicon-class">glyphicon glyphicon-search</span>

  1308. 							        </li>

  1309. 							      

  1310. 							        <li>

  1311. 							          <span class="glyphicon glyphicon-heart"></span>

  1312. 							          <span class="glyphicon-class">glyphicon glyphicon-heart</span>

  1313. 							        </li>

  1314. 							      

  1315. 							        <li>

  1316. 							          <span class="glyphicon glyphicon-star"></span>

  1317. 							          <span class="glyphicon-class">glyphicon glyphicon-star</span>

  1318. 							        </li>

  1319. 							      

  1320. 							        <li>

  1321. 							          <span class="glyphicon glyphicon-star-empty"></span>

  1322. 							          <span class="glyphicon-class">glyphicon glyphicon-star-empty</span>

  1323. 							        </li>

  1324. 							      

  1325. 							        <li>

  1326. 							          <span class="glyphicon glyphicon-user"></span>

  1327. 							          <span class="glyphicon-class">glyphicon glyphicon-user</span>

  1328. 							        </li>

  1329. 							      

  1330. 							        <li>

  1331. 							          <span class="glyphicon glyphicon-film"></span>

  1332. 							          <span class="glyphicon-class">glyphicon glyphicon-film</span>

  1333. 							        </li>

  1334. 							      

  1335. 							        <li>

  1336. 							          <span class="glyphicon glyphicon-th-large"></span>

  1337. 							          <span class="glyphicon-class">glyphicon glyphicon-th-large</span>

  1338. 							        </li>

  1339. 							      

  1340. 							        <li>

  1341. 							          <span class="glyphicon glyphicon-th"></span>

  1342. 							          <span class="glyphicon-class">glyphicon glyphicon-th</span>

  1343. 							        </li>

  1344. 							      

  1345. 							        <li>

  1346. 							          <span class="glyphicon glyphicon-th-list"></span>

  1347. 							          <span class="glyphicon-class">glyphicon glyphicon-th-list</span>

  1348. 							        </li>

  1349. 							      

  1350. 							        <li>

  1351. 							          <span class="glyphicon glyphicon-ok"></span>

  1352. 							          <span class="glyphicon-class">glyphicon glyphicon-ok</span>

  1353. 							        </li>

  1354. 							      

  1355. 							        <li>

  1356. 							          <span class="glyphicon glyphicon-remove"></span>

  1357. 							          <span class="glyphicon-class">glyphicon glyphicon-remove</span>

  1358. 							        </li>

  1359. 							      

  1360. 							        <li>

  1361. 							          <span class="glyphicon glyphicon-zoom-in"></span>

  1362. 							          <span class="glyphicon-class">glyphicon glyphicon-zoom-in</span>

  1363. 							        </li>

  1364. 							      

  1365. 							        <li>

  1366. 							          <span class="glyphicon glyphicon-zoom-out"></span>

  1367. 							          <span class="glyphicon-class">glyphicon glyphicon-zoom-out</span>

  1368. 							        </li>

  1369. 							      

  1370. 							        <li>

  1371. 							          <span class="glyphicon glyphicon-off"></span>

  1372. 							          <span class="glyphicon-class">glyphicon glyphicon-off</span>

  1373. 							        </li>

  1374. 							      

  1375. 							        <li>

  1376. 							          <span class="glyphicon glyphicon-signal"></span>

  1377. 							          <span class="glyphicon-class">glyphicon glyphicon-signal</span>

  1378. 							        </li>

  1379. 							      

  1380. 							        <li>

  1381. 							          <span class="glyphicon glyphicon-cog"></span>

  1382. 							          <span class="glyphicon-class">glyphicon glyphicon-cog</span>

  1383. 							        </li>

  1384. 							      

  1385. 							        <li>

  1386. 							          <span class="glyphicon glyphicon-trash"></span>

  1387. 							          <span class="glyphicon-class">glyphicon glyphicon-trash</span>

  1388. 							        </li>

  1389. 							      

  1390. 							        <li>

  1391. 							          <span class="glyphicon glyphicon-home"></span>

  1392. 							          <span class="glyphicon-class">glyphicon glyphicon-home</span>

  1393. 							        </li>

  1394. 							      

  1395. 							        <li>

  1396. 							          <span class="glyphicon glyphicon-file"></span>

  1397. 							          <span class="glyphicon-class">glyphicon glyphicon-file</span>

  1398. 							        </li>

  1399. 							      

  1400. 							        <li>

  1401. 							          <span class="glyphicon glyphicon-time"></span>

  1402. 							          <span class="glyphicon-class">glyphicon glyphicon-time</span>

  1403. 							        </li>

  1404. 							      

  1405. 							        <li>

  1406. 							          <span class="glyphicon glyphicon-road"></span>

  1407. 							          <span class="glyphicon-class">glyphicon glyphicon-road</span>

  1408. 							        </li>

  1409. 							      

  1410. 							        <li>

  1411. 							          <span class="glyphicon glyphicon-download-alt"></span>

  1412. 							          <span class="glyphicon-class">glyphicon glyphicon-download-alt</span>

  1413. 							        </li>

  1414. 							      

  1415. 							        <li>

  1416. 							          <span class="glyphicon glyphicon-download"></span>

  1417. 							          <span class="glyphicon-class">glyphicon glyphicon-download</span>

  1418. 							        </li>

  1419. 							      

  1420. 							        <li>

  1421. 							          <span class="glyphicon glyphicon-upload"></span>

  1422. 							          <span class="glyphicon-class">glyphicon glyphicon-upload</span>

  1423. 							        </li>

  1424. 							      

  1425. 							        <li>

  1426. 							          <span class="glyphicon glyphicon-inbox"></span>

  1427. 							          <span class="glyphicon-class">glyphicon glyphicon-inbox</span>

  1428. 							        </li>

  1429. 							      

  1430. 							        <li>

  1431. 							          <span class="glyphicon glyphicon-play-circle"></span>

  1432. 							          <span class="glyphicon-class">glyphicon glyphicon-play-circle</span>

  1433. 							        </li>

  1434. 							      

  1435. 							        <li>

  1436. 							          <span class="glyphicon glyphicon-repeat"></span>

  1437. 							          <span class="glyphicon-class">glyphicon glyphicon-repeat</span>

  1438. 							        </li>

  1439. 							      

  1440. 							        <li>

  1441. 							          <span class="glyphicon glyphicon-refresh"></span>

  1442. 							          <span class="glyphicon-class">glyphicon glyphicon-refresh</span>

  1443. 							        </li>

  1444. 							      

  1445. 							        <li>

  1446. 							          <span class="glyphicon glyphicon-list-alt"></span>

  1447. 							          <span class="glyphicon-class">glyphicon glyphicon-list-alt</span>

  1448. 							        </li>

  1449. 							      

  1450. 							        <li>

  1451. 							          <span class="glyphicon glyphicon-lock"></span>

  1452. 							          <span class="glyphicon-class">glyphicon glyphicon-lock</span>

  1453. 							        </li>

  1454. 							      

  1455. 							        <li>

  1456. 							          <span class="glyphicon glyphicon-flag"></span>

  1457. 							          <span class="glyphicon-class">glyphicon glyphicon-flag</span>

  1458. 							        </li>

  1459. 							      

  1460. 							        <li>

  1461. 							          <span class="glyphicon glyphicon-headphones"></span>

  1462. 							          <span class="glyphicon-class">glyphicon glyphicon-headphones</span>

  1463. 							        </li>

  1464. 							      

  1465. 							        <li>

  1466. 							          <span class="glyphicon glyphicon-volume-off"></span>

  1467. 							          <span class="glyphicon-class">glyphicon glyphicon-volume-off</span>

  1468. 							        </li>

  1469. 							      

  1470. 							        <li>

  1471. 							          <span class="glyphicon glyphicon-volume-down"></span>

  1472. 							          <span class="glyphicon-class">glyphicon glyphicon-volume-down</span>

  1473. 							        </li>

  1474. 							      

  1475. 							        <li>

  1476. 							          <span class="glyphicon glyphicon-volume-up"></span>

  1477. 							          <span class="glyphicon-class">glyphicon glyphicon-volume-up</span>

  1478. 							        </li>

  1479. 							      

  1480. 							        <li>

  1481. 							          <span class="glyphicon glyphicon-qrcode"></span>

  1482. 							          <span class="glyphicon-class">glyphicon glyphicon-qrcode</span>

  1483. 							        </li>

  1484. 							      

  1485. 							        <li>

  1486. 							          <span class="glyphicon glyphicon-barcode"></span>

  1487. 							          <span class="glyphicon-class">glyphicon glyphicon-barcode</span>

  1488. 							        </li>

  1489. 							      

  1490. 							        <li>

  1491. 							          <span class="glyphicon glyphicon-tag"></span>

  1492. 							          <span class="glyphicon-class">glyphicon glyphicon-tag</span>

  1493. 							        </li>

  1494. 							      

  1495. 							        <li>

  1496. 							          <span class="glyphicon glyphicon-tags"></span>

  1497. 							          <span class="glyphicon-class">glyphicon glyphicon-tags</span>

  1498. 							        </li>

  1499. 							      

  1500. 							        <li>

  1501. 							          <span class="glyphicon glyphicon-book"></span>

  1502. 							          <span class="glyphicon-class">glyphicon glyphicon-book</span>

  1503. 							        </li>

  1504. 							      

  1505. 							        <li>

  1506. 							          <span class="glyphicon glyphicon-bookmark"></span>

  1507. 							          <span class="glyphicon-class">glyphicon glyphicon-bookmark</span>

  1508. 							        </li>

  1509. 							      

  1510. 							        <li>

  1511. 							          <span class="glyphicon glyphicon-print"></span>

  1512. 							          <span class="glyphicon-class">glyphicon glyphicon-print</span>

  1513. 							        </li>

  1514. 							      

  1515. 							        <li>

  1516. 							          <span class="glyphicon glyphicon-camera"></span>

  1517. 							          <span class="glyphicon-class">glyphicon glyphicon-camera</span>

  1518. 							        </li>

  1519. 							      

  1520. 							        <li>

  1521. 							          <span class="glyphicon glyphicon-font"></span>

  1522. 							          <span class="glyphicon-class">glyphicon glyphicon-font</span>

  1523. 							        </li>

  1524. 							      

  1525. 							        <li>

  1526. 							          <span class="glyphicon glyphicon-bold"></span>

  1527. 							          <span class="glyphicon-class">glyphicon glyphicon-bold</span>

  1528. 							        </li>

  1529. 							      

  1530. 							        <li>

  1531. 							          <span class="glyphicon glyphicon-italic"></span>

  1532. 							          <span class="glyphicon-class">glyphicon glyphicon-italic</span>

  1533. 							        </li>

  1534. 							      

  1535. 							        <li>

  1536. 							          <span class="glyphicon glyphicon-text-height"></span>

  1537. 							          <span class="glyphicon-class">glyphicon glyphicon-text-height</span>

  1538. 							        </li>

  1539. 							      

  1540. 							        <li>

  1541. 							          <span class="glyphicon glyphicon-text-width"></span>

  1542. 							          <span class="glyphicon-class">glyphicon glyphicon-text-width</span>

  1543. 							        </li>

  1544. 							      

  1545. 							        <li>

  1546. 							          <span class="glyphicon glyphicon-align-left"></span>

  1547. 							          <span class="glyphicon-class">glyphicon glyphicon-align-left</span>

  1548. 							        </li>

  1549. 							      

  1550. 							        <li>

  1551. 							          <span class="glyphicon glyphicon-align-center"></span>

  1552. 							          <span class="glyphicon-class">glyphicon glyphicon-align-center</span>

  1553. 							        </li>

  1554. 							      

  1555. 							        <li>

  1556. 							          <span class="glyphicon glyphicon-align-right"></span>

  1557. 							          <span class="glyphicon-class">glyphicon glyphicon-align-right</span>

  1558. 							        </li>

  1559. 							      

  1560. 							        <li>

  1561. 							          <span class="glyphicon glyphicon-align-justify"></span>

  1562. 							          <span class="glyphicon-class">glyphicon glyphicon-align-justify</span>

  1563. 							        </li>

  1564. 							      

  1565. 							        <li>

  1566. 							          <span class="glyphicon glyphicon-list"></span>

  1567. 							          <span class="glyphicon-class">glyphicon glyphicon-list</span>

  1568. 							        </li>

  1569. 							      

  1570. 							        <li>

  1571. 							          <span class="glyphicon glyphicon-indent-left"></span>

  1572. 							          <span class="glyphicon-class">glyphicon glyphicon-indent-left</span>

  1573. 							        </li>

  1574. 							      

  1575. 							        <li>

  1576. 							          <span class="glyphicon glyphicon-indent-right"></span>

  1577. 							          <span class="glyphicon-class">glyphicon glyphicon-indent-right</span>

  1578. 							        </li>

  1579. 							      

  1580. 							        <li>

  1581. 							          <span class="glyphicon glyphicon-facetime-video"></span>

  1582. 							          <span class="glyphicon-class">glyphicon glyphicon-facetime-video</span>

  1583. 							        </li>

  1584. 							      

  1585. 							        <li>

  1586. 							          <span class="glyphicon glyphicon-picture"></span>

  1587. 							          <span class="glyphicon-class">glyphicon glyphicon-picture</span>

  1588. 							        </li>

  1589. 							      

  1590. 							        <li>

  1591. 							          <span class="glyphicon glyphicon-map-marker"></span>

  1592. 							          <span class="glyphicon-class">glyphicon glyphicon-map-marker</span>

  1593. 							        </li>

  1594. 							      

  1595. 							        <li>

  1596. 							          <span class="glyphicon glyphicon-adjust"></span>

  1597. 							          <span class="glyphicon-class">glyphicon glyphicon-adjust</span>

  1598. 							        </li>

  1599. 							      

  1600. 							        <li>

  1601. 							          <span class="glyphicon glyphicon-tint"></span>

  1602. 							          <span class="glyphicon-class">glyphicon glyphicon-tint</span>

  1603. 							        </li>

  1604. 							      

  1605. 							        <li>

  1606. 							          <span class="glyphicon glyphicon-edit"></span>

  1607. 							          <span class="glyphicon-class">glyphicon glyphicon-edit</span>

  1608. 							        </li>

  1609. 							      

  1610. 							        <li>

  1611. 							          <span class="glyphicon glyphicon-share"></span>

  1612. 							          <span class="glyphicon-class">glyphicon glyphicon-share</span>

  1613. 							        </li>

  1614. 							      

  1615. 							        <li>

  1616. 							          <span class="glyphicon glyphicon-check"></span>

  1617. 							          <span class="glyphicon-class">glyphicon glyphicon-check</span>

  1618. 							        </li>

  1619. 							      

  1620. 							        <li>

  1621. 							          <span class="glyphicon glyphicon-move"></span>

  1622. 							          <span class="glyphicon-class">glyphicon glyphicon-move</span>

  1623. 							        </li>

  1624. 							      

  1625. 							        <li>

  1626. 							          <span class="glyphicon glyphicon-step-backward"></span>

  1627. 							          <span class="glyphicon-class">glyphicon glyphicon-step-backward</span>

  1628. 							        </li>

  1629. 							      

  1630. 							        <li>

  1631. 							          <span class="glyphicon glyphicon-fast-backward"></span>

  1632. 							          <span class="glyphicon-class">glyphicon glyphicon-fast-backward</span>

  1633. 							        </li>

  1634. 							      

  1635. 							        <li>

  1636. 							          <span class="glyphicon glyphicon-backward"></span>

  1637. 							          <span class="glyphicon-class">glyphicon glyphicon-backward</span>

  1638. 							        </li>

  1639. 							      

  1640. 							        <li>

  1641. 							          <span class="glyphicon glyphicon-play"></span>

  1642. 							          <span class="glyphicon-class">glyphicon glyphicon-play</span>

  1643. 							        </li>

  1644. 							      

  1645. 							        <li>

  1646. 							          <span class="glyphicon glyphicon-pause"></span>

  1647. 							          <span class="glyphicon-class">glyphicon glyphicon-pause</span>

  1648. 							        </li>

  1649. 							      

  1650. 							        <li>

  1651. 							          <span class="glyphicon glyphicon-stop"></span>

  1652. 							          <span class="glyphicon-class">glyphicon glyphicon-stop</span>

  1653. 							        </li>

  1654. 							      

  1655. 							        <li>

  1656. 							          <span class="glyphicon glyphicon-forward"></span>

  1657. 							          <span class="glyphicon-class">glyphicon glyphicon-forward</span>

  1658. 							        </li>

  1659. 							      

  1660. 							        <li>

  1661. 							          <span class="glyphicon glyphicon-fast-forward"></span>

  1662. 							          <span class="glyphicon-class">glyphicon glyphicon-fast-forward</span>

  1663. 							        </li>

  1664. 							      

  1665. 							        <li>

  1666. 							          <span class="glyphicon glyphicon-step-forward"></span>

  1667. 							          <span class="glyphicon-class">glyphicon glyphicon-step-forward</span>

  1668. 							        </li>

  1669. 							      

  1670. 							        <li>

  1671. 							          <span class="glyphicon glyphicon-eject"></span>

  1672. 							          <span class="glyphicon-class">glyphicon glyphicon-eject</span>

  1673. 							        </li>

  1674. 							      

  1675. 							        <li>

  1676. 							          <span class="glyphicon glyphicon-chevron-left"></span>

  1677. 							          <span class="glyphicon-class">glyphicon glyphicon-chevron-left</span>

  1678. 							        </li>

  1679. 							      

  1680. 							        <li>

  1681. 							          <span class="glyphicon glyphicon-chevron-right"></span>

  1682. 							          <span class="glyphicon-class">glyphicon glyphicon-chevron-right</span>

  1683. 							        </li>

  1684. 							      

  1685. 							        <li>

  1686. 							          <span class="glyphicon glyphicon-plus-sign"></span>

  1687. 							          <span class="glyphicon-class">glyphicon glyphicon-plus-sign</span>

  1688. 							        </li>

  1689. 							      

  1690. 							        <li>

  1691. 							          <span class="glyphicon glyphicon-minus-sign"></span>

  1692. 							          <span class="glyphicon-class">glyphicon glyphicon-minus-sign</span>

  1693. 							        </li>

  1694. 							      

  1695. 							        <li>

  1696. 							          <span class="glyphicon glyphicon-remove-sign"></span>

  1697. 							          <span class="glyphicon-class">glyphicon glyphicon-remove-sign</span>

  1698. 							        </li>

  1699. 							      

  1700. 							        <li>

  1701. 							          <span class="glyphicon glyphicon-ok-sign"></span>

  1702. 							          <span class="glyphicon-class">glyphicon glyphicon-ok-sign</span>

  1703. 							        </li>

  1704. 							      

  1705. 							        <li>

  1706. 							          <span class="glyphicon glyphicon-question-sign"></span>

  1707. 							          <span class="glyphicon-class">glyphicon glyphicon-question-sign</span>

  1708. 							        </li>

  1709. 							      

  1710. 							        <li>

  1711. 							          <span class="glyphicon glyphicon-info-sign"></span>

  1712. 							          <span class="glyphicon-class">glyphicon glyphicon-info-sign</span>

  1713. 							        </li>

  1714. 							      

  1715. 							        <li>

  1716. 							          <span class="glyphicon glyphicon-screenshot"></span>

  1717. 							          <span class="glyphicon-class">glyphicon glyphicon-screenshot</span>

  1718. 							        </li>

  1719. 							      

  1720. 							        <li>

  1721. 							          <span class="glyphicon glyphicon-remove-circle"></span>

  1722. 							          <span class="glyphicon-class">glyphicon glyphicon-remove-circle</span>

  1723. 							        </li>

  1724. 							      

  1725. 							        <li>

  1726. 							          <span class="glyphicon glyphicon-ok-circle"></span>

  1727. 							          <span class="glyphicon-class">glyphicon glyphicon-ok-circle</span>

  1728. 							        </li>

  1729. 							      

  1730. 							        <li>

  1731. 							          <span class="glyphicon glyphicon-ban-circle"></span>

  1732. 							          <span class="glyphicon-class">glyphicon glyphicon-ban-circle</span>

  1733. 							        </li>

  1734. 							      

  1735. 							        <li>

  1736. 							          <span class="glyphicon glyphicon-arrow-left"></span>

  1737. 							          <span class="glyphicon-class">glyphicon glyphicon-arrow-left</span>

  1738. 							        </li>

  1739. 							      

  1740. 							        <li>

  1741. 							          <span class="glyphicon glyphicon-arrow-right"></span>

  1742. 							          <span class="glyphicon-class">glyphicon glyphicon-arrow-right</span>

  1743. 							        </li>

  1744. 							      

  1745. 							        <li>

  1746. 							          <span class="glyphicon glyphicon-arrow-up"></span>

  1747. 							          <span class="glyphicon-class">glyphicon glyphicon-arrow-up</span>

  1748. 							        </li>

  1749. 							      

  1750. 							        <li>

  1751. 							          <span class="glyphicon glyphicon-arrow-down"></span>

  1752. 							          <span class="glyphicon-class">glyphicon glyphicon-arrow-down</span>

  1753. 							        </li>

  1754. 							      

  1755. 							        <li>

  1756. 							          <span class="glyphicon glyphicon-share-alt"></span>

  1757. 							          <span class="glyphicon-class">glyphicon glyphicon-share-alt</span>

  1758. 							        </li>

  1759. 							      

  1760. 							        <li>

  1761. 							          <span class="glyphicon glyphicon-resize-full"></span>

  1762. 							          <span class="glyphicon-class">glyphicon glyphicon-resize-full</span>

  1763. 							        </li>

  1764. 							      

  1765. 							        <li>

  1766. 							          <span class="glyphicon glyphicon-resize-small"></span>

  1767. 							          <span class="glyphicon-class">glyphicon glyphicon-resize-small</span>

  1768. 							        </li>

  1769. 							      

  1770. 							        <li>

  1771. 							          <span class="glyphicon glyphicon-exclamation-sign"></span>

  1772. 							          <span class="glyphicon-class">glyphicon glyphicon-exclamation-sign</span>

  1773. 							        </li>

  1774. 							      

  1775. 							        <li>

  1776. 							          <span class="glyphicon glyphicon-gift"></span>

  1777. 							          <span class="glyphicon-class">glyphicon glyphicon-gift</span>

  1778. 							        </li>

  1779. 							      

  1780. 							        <li>

  1781. 							          <span class="glyphicon glyphicon-leaf"></span>

  1782. 							          <span class="glyphicon-class">glyphicon glyphicon-leaf</span>

  1783. 							        </li>

  1784. 							      

  1785. 							        <li>

  1786. 							          <span class="glyphicon glyphicon-fire"></span>

  1787. 							          <span class="glyphicon-class">glyphicon glyphicon-fire</span>

  1788. 							        </li>

  1789. 							      

  1790. 							        <li>

  1791. 							          <span class="glyphicon glyphicon-eye-open"></span>

  1792. 							          <span class="glyphicon-class">glyphicon glyphicon-eye-open</span>

  1793. 							        </li>

  1794. 							      

  1795. 							        <li>

  1796. 							          <span class="glyphicon glyphicon-eye-close"></span>

  1797. 							          <span class="glyphicon-class">glyphicon glyphicon-eye-close</span>

  1798. 							        </li>

  1799. 							      

  1800. 							        <li>

  1801. 							          <span class="glyphicon glyphicon-warning-sign"></span>

  1802. 							          <span class="glyphicon-class">glyphicon glyphicon-warning-sign</span>

  1803. 							        </li>

  1804. 							      

  1805. 							        <li>

  1806. 							          <span class="glyphicon glyphicon-plane"></span>

  1807. 							          <span class="glyphicon-class">glyphicon glyphicon-plane</span>

  1808. 							        </li>

  1809. 							      

  1810. 							        <li>

  1811. 							          <span class="glyphicon glyphicon-calendar"></span>

  1812. 							          <span class="glyphicon-class">glyphicon glyphicon-calendar</span>

  1813. 							        </li>

  1814. 							      

  1815. 							        <li>

  1816. 							          <span class="glyphicon glyphicon-random"></span>

  1817. 							          <span class="glyphicon-class">glyphicon glyphicon-random</span>

  1818. 							        </li>

  1819. 							      

  1820. 							        <li>

  1821. 							          <span class="glyphicon glyphicon-comment"></span>

  1822. 							          <span class="glyphicon-class">glyphicon glyphicon-comment</span>

  1823. 							        </li>

  1824. 							      

  1825. 							        <li>

  1826. 							          <span class="glyphicon glyphicon-magnet"></span>

  1827. 							          <span class="glyphicon-class">glyphicon glyphicon-magnet</span>

  1828. 							        </li>

  1829. 							      

  1830. 							        <li>

  1831. 							          <span class="glyphicon glyphicon-chevron-up"></span>

  1832. 							          <span class="glyphicon-class">glyphicon glyphicon-chevron-up</span>

  1833. 							        </li>

  1834. 							      

  1835. 							        <li>

  1836. 							          <span class="glyphicon glyphicon-chevron-down"></span>

  1837. 							          <span class="glyphicon-class">glyphicon glyphicon-chevron-down</span>

  1838. 							        </li>

  1839. 							      

  1840. 							        <li>

  1841. 							          <span class="glyphicon glyphicon-retweet"></span>

  1842. 							          <span class="glyphicon-class">glyphicon glyphicon-retweet</span>

  1843. 							        </li>

  1844. 							      

  1845. 							        <li>

  1846. 							          <span class="glyphicon glyphicon-shopping-cart"></span>

  1847. 							          <span class="glyphicon-class">glyphicon glyphicon-shopping-cart</span>

  1848. 							        </li>

  1849. 							      

  1850. 							        <li>

  1851. 							          <span class="glyphicon glyphicon-folder-close"></span>

  1852. 							          <span class="glyphicon-class">glyphicon glyphicon-folder-close</span>

  1853. 							        </li>

  1854. 							      

  1855. 							        <li>

  1856. 							          <span class="glyphicon glyphicon-folder-open"></span>

  1857. 							          <span class="glyphicon-class">glyphicon glyphicon-folder-open</span>

  1858. 							        </li>

  1859. 							      

  1860. 							        <li>

  1861. 							          <span class="glyphicon glyphicon-resize-vertical"></span>

  1862. 							          <span class="glyphicon-class">glyphicon glyphicon-resize-vertical</span>

  1863. 							        </li>

  1864. 							      

  1865. 							        <li>

  1866. 							          <span class="glyphicon glyphicon-resize-horizontal"></span>

  1867. 							          <span class="glyphicon-class">glyphicon glyphicon-resize-horizontal</span>

  1868. 							        </li>

  1869. 							      

  1870. 							        <li>

  1871. 							          <span class="glyphicon glyphicon-hdd"></span>

  1872. 							          <span class="glyphicon-class">glyphicon glyphicon-hdd</span>

  1873. 							        </li>

  1874. 							      

  1875. 							        <li>

  1876. 							          <span class="glyphicon glyphicon-bullhorn"></span>

  1877. 							          <span class="glyphicon-class">glyphicon glyphicon-bullhorn</span>

  1878. 							        </li>

  1879. 							      

  1880. 							        <li>

  1881. 							          <span class="glyphicon glyphicon-bell"></span>

  1882. 							          <span class="glyphicon-class">glyphicon glyphicon-bell</span>

  1883. 							        </li>

  1884. 							      

  1885. 							        <li>

  1886. 							          <span class="glyphicon glyphicon-certificate"></span>

  1887. 							          <span class="glyphicon-class">glyphicon glyphicon-certificate</span>

  1888. 							        </li>

  1889. 							      

  1890. 							        <li>

  1891. 							          <span class="glyphicon glyphicon-thumbs-up"></span>

  1892. 							          <span class="glyphicon-class">glyphicon glyphicon-thumbs-up</span>

  1893. 							        </li>

  1894. 							      

  1895. 							        <li>

  1896. 							          <span class="glyphicon glyphicon-thumbs-down"></span>

  1897. 							          <span class="glyphicon-class">glyphicon glyphicon-thumbs-down</span>

  1898. 							        </li>

  1899. 							      

  1900. 							        <li>

  1901. 							          <span class="glyphicon glyphicon-hand-right"></span>

  1902. 							          <span class="glyphicon-class">glyphicon glyphicon-hand-right</span>

  1903. 							        </li>

  1904. 							      

  1905. 							        <li>

  1906. 							          <span class="glyphicon glyphicon-hand-left"></span>

  1907. 							          <span class="glyphicon-class">glyphicon glyphicon-hand-left</span>

  1908. 							        </li>

  1909. 							      

  1910. 							        <li>

  1911. 							          <span class="glyphicon glyphicon-hand-up"></span>

  1912. 							          <span class="glyphicon-class">glyphicon glyphicon-hand-up</span>

  1913. 							        </li>

  1914. 							      

  1915. 							        <li>

  1916. 							          <span class="glyphicon glyphicon-hand-down"></span>

  1917. 							          <span class="glyphicon-class">glyphicon glyphicon-hand-down</span>

  1918. 							        </li>

  1919. 							      

  1920. 							        <li>

  1921. 							          <span class="glyphicon glyphicon-circle-arrow-right"></span>

  1922. 							          <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-right</span>

  1923. 							        </li>

  1924. 							      

  1925. 							        <li>

  1926. 							          <span class="glyphicon glyphicon-circle-arrow-left"></span>

  1927. 							          <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-left</span>

  1928. 							        </li>

  1929. 							      

  1930. 							        <li>

  1931. 							          <span class="glyphicon glyphicon-circle-arrow-up"></span>

  1932. 							          <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-up</span>

  1933. 							        </li>

  1934. 							      

  1935. 							        <li>

  1936. 							          <span class="glyphicon glyphicon-circle-arrow-down"></span>

  1937. 							          <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-down</span>

  1938. 							        </li>

  1939. 							      

  1940. 							        <li>

  1941. 							          <span class="glyphicon glyphicon-globe"></span>

  1942. 							          <span class="glyphicon-class">glyphicon glyphicon-globe</span>

  1943. 							        </li>

  1944. 							      

  1945. 							        <li>

  1946. 							          <span class="glyphicon glyphicon-wrench"></span>

  1947. 							          <span class="glyphicon-class">glyphicon glyphicon-wrench</span>

  1948. 							        </li>

  1949. 							      

  1950. 							        <li>

  1951. 							          <span class="glyphicon glyphicon-tasks"></span>

  1952. 							          <span class="glyphicon-class">glyphicon glyphicon-tasks</span>

  1953. 							        </li>

  1954. 							      

  1955. 							        <li>

  1956. 							          <span class="glyphicon glyphicon-filter"></span>

  1957. 							          <span class="glyphicon-class">glyphicon glyphicon-filter</span>

  1958. 							        </li>

  1959. 							      

  1960. 							        <li>

  1961. 							          <span class="glyphicon glyphicon-briefcase"></span>

  1962. 							          <span class="glyphicon-class">glyphicon glyphicon-briefcase</span>

  1963. 							        </li>

  1964. 							      

  1965. 							        <li>

  1966. 							          <span class="glyphicon glyphicon-fullscreen"></span>

  1967. 							          <span class="glyphicon-class">glyphicon glyphicon-fullscreen</span>

  1968. 							        </li>

  1969. 							      

  1970. 							        <li>

  1971. 							          <span class="glyphicon glyphicon-dashboard"></span>

  1972. 							          <span class="glyphicon-class">glyphicon glyphicon-dashboard</span>

  1973. 							        </li>

  1974. 							      

  1975. 							        <li>

  1976. 							          <span class="glyphicon glyphicon-paperclip"></span>

  1977. 							          <span class="glyphicon-class">glyphicon glyphicon-paperclip</span>

  1978. 							        </li>

  1979. 							      

  1980. 							        <li>

  1981. 							          <span class="glyphicon glyphicon-heart-empty"></span>

  1982. 							          <span class="glyphicon-class">glyphicon glyphicon-heart-empty</span>

  1983. 							        </li>

  1984. 							      

  1985. 							        <li>

  1986. 							          <span class="glyphicon glyphicon-link"></span>

  1987. 							          <span class="glyphicon-class">glyphicon glyphicon-link</span>

  1988. 							        </li>

  1989. 							      

  1990. 							        <li>

  1991. 							          <span class="glyphicon glyphicon-phone"></span>

  1992. 							          <span class="glyphicon-class">glyphicon glyphicon-phone</span>

  1993. 							        </li>

  1994. 							      

  1995. 							        <li>

  1996. 							          <span class="glyphicon glyphicon-pushpin"></span>

  1997. 							          <span class="glyphicon-class">glyphicon glyphicon-pushpin</span>

  1998. 							        </li>

  1999. 							      

  2000. 							        <li>

  2001. 							          <span class="glyphicon glyphicon-usd"></span>

  2002. 							          <span class="glyphicon-class">glyphicon glyphicon-usd</span>

  2003. 							        </li>

  2004. 							      

  2005. 							        <li>

  2006. 							          <span class="glyphicon glyphicon-gbp"></span>

  2007. 							          <span class="glyphicon-class">glyphicon glyphicon-gbp</span>

  2008. 							        </li>

  2009. 							      

  2010. 							        <li>

  2011. 							          <span class="glyphicon glyphicon-sort"></span>

  2012. 							          <span class="glyphicon-class">glyphicon glyphicon-sort</span>

  2013. 							        </li>

  2014. 							      

  2015. 							        <li>

  2016. 							          <span class="glyphicon glyphicon-sort-by-alphabet"></span>

  2017. 							          <span class="glyphicon-class">glyphicon glyphicon-sort-by-alphabet</span>

  2018. 							        </li>

  2019. 							      

  2020. 							        <li>

  2021. 							          <span class="glyphicon glyphicon-sort-by-alphabet-alt"></span>

  2022. 							          <span class="glyphicon-class">glyphicon glyphicon-sort-by-alphabet-alt</span>

  2023. 							        </li>

  2024. 							      

  2025. 							        <li>

  2026. 							          <span class="glyphicon glyphicon-sort-by-order"></span>

  2027. 							          <span class="glyphicon-class">glyphicon glyphicon-sort-by-order</span>

  2028. 							        </li>

  2029. 							      

  2030. 							        <li>

  2031. 							          <span class="glyphicon glyphicon-sort-by-order-alt"></span>

  2032. 							          <span class="glyphicon-class">glyphicon glyphicon-sort-by-order-alt</span>

  2033. 							        </li>

  2034. 							      

  2035. 							        <li>

  2036. 							          <span class="glyphicon glyphicon-sort-by-attributes"></span>

  2037. 							          <span class="glyphicon-class">glyphicon glyphicon-sort-by-attributes</span>

  2038. 							        </li>

  2039. 							      

  2040. 							        <li>

  2041. 							          <span class="glyphicon glyphicon-sort-by-attributes-alt"></span>

  2042. 							          <span class="glyphicon-class">glyphicon glyphicon-sort-by-attributes-alt</span>

  2043. 							        </li>

  2044. 							      

  2045. 							        <li>

  2046. 							          <span class="glyphicon glyphicon-unchecked"></span>

  2047. 							          <span class="glyphicon-class">glyphicon glyphicon-unchecked</span>

  2048. 							        </li>

  2049. 							      

  2050. 							        <li>

  2051. 							          <span class="glyphicon glyphicon-expand"></span>

  2052. 							          <span class="glyphicon-class">glyphicon glyphicon-expand</span>

  2053. 							        </li>

  2054. 							      

  2055. 							        <li>

  2056. 							          <span class="glyphicon glyphicon-collapse-down"></span>

  2057. 							          <span class="glyphicon-class">glyphicon glyphicon-collapse-down</span>

  2058. 							        </li>

  2059. 							      

  2060. 							        <li>

  2061. 							          <span class="glyphicon glyphicon-collapse-up"></span>

  2062. 							          <span class="glyphicon-class">glyphicon glyphicon-collapse-up</span>

  2063. 							        </li>

  2064. 							      

  2065. 							        <li>

  2066. 							          <span class="glyphicon glyphicon-log-in"></span>

  2067. 							          <span class="glyphicon-class">glyphicon glyphicon-log-in</span>

  2068. 							        </li>

  2069. 							      

  2070. 							        <li>

  2071. 							          <span class="glyphicon glyphicon-flash"></span>

  2072. 							          <span class="glyphicon-class">glyphicon glyphicon-flash</span>

  2073. 							        </li>

  2074. 							      

  2075. 							        <li>

  2076. 							          <span class="glyphicon glyphicon-log-out"></span>

  2077. 							          <span class="glyphicon-class">glyphicon glyphicon-log-out</span>

  2078. 							        </li>

  2079. 							      

  2080. 							        <li>

  2081. 							          <span class="glyphicon glyphicon-new-window"></span>

  2082. 							          <span class="glyphicon-class">glyphicon glyphicon-new-window</span>

  2083. 							        </li>

  2084. 							      

  2085. 							        <li>

  2086. 							          <span class="glyphicon glyphicon-record"></span>

  2087. 							          <span class="glyphicon-class">glyphicon glyphicon-record</span>

  2088. 							        </li>

  2089. 							      

  2090. 							        <li>

  2091. 							          <span class="glyphicon glyphicon-save"></span>

  2092. 							          <span class="glyphicon-class">glyphicon glyphicon-save</span>

  2093. 							        </li>

  2094. 							      

  2095. 							        <li>

  2096. 							          <span class="glyphicon glyphicon-open"></span>

  2097. 							          <span class="glyphicon-class">glyphicon glyphicon-open</span>

  2098. 							        </li>

  2099. 							      

  2100. 							        <li>

  2101. 							          <span class="glyphicon glyphicon-saved"></span>

  2102. 							          <span class="glyphicon-class">glyphicon glyphicon-saved</span>

  2103. 							        </li>

  2104. 							      

  2105. 							        <li>

  2106. 							          <span class="glyphicon glyphicon-import"></span>

  2107. 							          <span class="glyphicon-class">glyphicon glyphicon-import</span>

  2108. 							        </li>

  2109. 							      

  2110. 							        <li>

  2111. 							          <span class="glyphicon glyphicon-export"></span>

  2112. 							          <span class="glyphicon-class">glyphicon glyphicon-export</span>

  2113. 							        </li>

  2114. 							      

  2115. 							        <li>

  2116. 							          <span class="glyphicon glyphicon-send"></span>

  2117. 							          <span class="glyphicon-class">glyphicon glyphicon-send</span>

  2118. 							        </li>

  2119. 							      

  2120. 							        <li>

  2121. 							          <span class="glyphicon glyphicon-floppy-disk"></span>

  2122. 							          <span class="glyphicon-class">glyphicon glyphicon-floppy-disk</span>

  2123. 							        </li>

  2124. 							      

  2125. 							        <li>

  2126. 							          <span class="glyphicon glyphicon-floppy-saved"></span>

  2127. 							          <span class="glyphicon-class">glyphicon glyphicon-floppy-saved</span>

  2128. 							        </li>

  2129. 							      

  2130. 							        <li>

  2131. 							          <span class="glyphicon glyphicon-floppy-remove"></span>

  2132. 							          <span class="glyphicon-class">glyphicon glyphicon-floppy-remove</span>

  2133. 							        </li>

  2134. 							      

  2135. 							        <li>

  2136. 							          <span class="glyphicon glyphicon-floppy-save"></span>

  2137. 							          <span class="glyphicon-class">glyphicon glyphicon-floppy-save</span>

  2138. 							        </li>

  2139. 							      

  2140. 							        <li>

  2141. 							          <span class="glyphicon glyphicon-floppy-open"></span>

  2142. 							          <span class="glyphicon-class">glyphicon glyphicon-floppy-open</span>

  2143. 							        </li>

  2144. 							      

  2145. 							        <li>

  2146. 							          <span class="glyphicon glyphicon-credit-card"></span>

  2147. 							          <span class="glyphicon-class">glyphicon glyphicon-credit-card</span>

  2148. 							        </li>

  2149. 							      

  2150. 							        <li>

  2151. 							          <span class="glyphicon glyphicon-transfer"></span>

  2152. 							          <span class="glyphicon-class">glyphicon glyphicon-transfer</span>

  2153. 							        </li>

  2154. 							      

  2155. 							        <li>

  2156. 							          <span class="glyphicon glyphicon-cutlery"></span>

  2157. 							          <span class="glyphicon-class">glyphicon glyphicon-cutlery</span>

  2158. 							        </li>

  2159. 							      

  2160. 							        <li>

  2161. 							          <span class="glyphicon glyphicon-header"></span>

  2162. 							          <span class="glyphicon-class">glyphicon glyphicon-header</span>

  2163. 							        </li>

  2164. 							      

  2165. 							        <li>

  2166. 							          <span class="glyphicon glyphicon-compressed"></span>

  2167. 							          <span class="glyphicon-class">glyphicon glyphicon-compressed</span>

  2168. 							        </li>

  2169. 							      

  2170. 							        <li>

  2171. 							          <span class="glyphicon glyphicon-earphone"></span>

  2172. 							          <span class="glyphicon-class">glyphicon glyphicon-earphone</span>

  2173. 							        </li>

  2174. 							      

  2175. 							        <li>

  2176. 							          <span class="glyphicon glyphicon-phone-alt"></span>

  2177. 							          <span class="glyphicon-class">glyphicon glyphicon-phone-alt</span>

  2178. 							        </li>

  2179. 							      

  2180. 							        <li>

  2181. 							          <span class="glyphicon glyphicon-tower"></span>

  2182. 							          <span class="glyphicon-class">glyphicon glyphicon-tower</span>

  2183. 							        </li>

  2184. 							      

  2185. 							        <li>

  2186. 							          <span class="glyphicon glyphicon-stats"></span>

  2187. 							          <span class="glyphicon-class">glyphicon glyphicon-stats</span>

  2188. 							        </li>

  2189. 							      

  2190. 							        <li>

  2191. 							          <span class="glyphicon glyphicon-sd-video"></span>

  2192. 							          <span class="glyphicon-class">glyphicon glyphicon-sd-video</span>

  2193. 							        </li>

  2194. 							      

  2195. 							        <li>

  2196. 							          <span class="glyphicon glyphicon-hd-video"></span>

  2197. 							          <span class="glyphicon-class">glyphicon glyphicon-hd-video</span>

  2198. 							        </li>

  2199. 							      

  2200. 							        <li>

  2201. 							          <span class="glyphicon glyphicon-subtitles"></span>

  2202. 							          <span class="glyphicon-class">glyphicon glyphicon-subtitles</span>

  2203. 							        </li>

  2204. 							      

  2205. 							        <li>

  2206. 							          <span class="glyphicon glyphicon-sound-stereo"></span>

  2207. 							          <span class="glyphicon-class">glyphicon glyphicon-sound-stereo</span>

  2208. 							        </li>

  2209. 							      

  2210. 							        <li>

  2211. 							          <span class="glyphicon glyphicon-sound-dolby"></span>

  2212. 							          <span class="glyphicon-class">glyphicon glyphicon-sound-dolby</span>

  2213. 							        </li>

  2214. 							      

  2215. 							        <li>

  2216. 							          <span class="glyphicon glyphicon-sound-5-1"></span>

  2217. 							          <span class="glyphicon-class">glyphicon glyphicon-sound-5-1</span>

  2218. 							        </li>

  2219. 							      

  2220. 							        <li>

  2221. 							          <span class="glyphicon glyphicon-sound-6-1"></span>

  2222. 							          <span class="glyphicon-class">glyphicon glyphicon-sound-6-1</span>

  2223. 							        </li>

  2224. 							      

  2225. 							        <li>

  2226. 							          <span class="glyphicon glyphicon-sound-7-1"></span>

  2227. 							          <span class="glyphicon-class">glyphicon glyphicon-sound-7-1</span>

  2228. 							        </li>

  2229. 							      

  2230. 							        <li>

  2231. 							          <span class="glyphicon glyphicon-copyright-mark"></span>

  2232. 							          <span class="glyphicon-class">glyphicon glyphicon-copyright-mark</span>

  2233. 							        </li>

  2234. 							      

  2235. 							        <li>

  2236. 							          <span class="glyphicon glyphicon-registration-mark"></span>

  2237. 							          <span class="glyphicon-class">glyphicon glyphicon-registration-mark</span>

  2238. 							        </li>

  2239. 							      

  2240. 							        <li>

  2241. 							          <span class="glyphicon glyphicon-cloud-download"></span>

  2242. 							          <span class="glyphicon-class">glyphicon glyphicon-cloud-download</span>

  2243. 							        </li>

  2244. 							      

  2245. 							        <li>

  2246. 							          <span class="glyphicon glyphicon-cloud-upload"></span>

  2247. 							          <span class="glyphicon-class">glyphicon glyphicon-cloud-upload</span>

  2248. 							        </li>

  2249. 							      

  2250. 							        <li>

  2251. 							          <span class="glyphicon glyphicon-tree-conifer"></span>

  2252. 							          <span class="glyphicon-class">glyphicon glyphicon-tree-conifer</span>

  2253. 							        </li>

  2254. 							      

  2255. 							        <li>

  2256. 							          <span class="glyphicon glyphicon-tree-deciduous"></span>

  2257. 							          <span class="glyphicon-class">glyphicon glyphicon-tree-deciduous</span>

  2258. 							        </li>

  2259. 							      

  2260. 							    </ul>

  2261. 							</div>

  2262. 						</div>

  2263. 						

  2264. 					</div>

  2265. <!--、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、-->					

  2266. 

  2267. 				</div>

  2268. 				

  2269. 			</div>

  2270. 		</div>

  2271. 		<script src="dists/js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>

  2272. 		<script src="dist/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>

  2273. 		<script src="dists/js/bootstrap-datetimepicker.min.js" type="text/javascript" charset="utf-8"></script>

  2274. 		<script src="dists/js/home.js" type="text/javascript" charset="utf-8"></script>

  2275. 		<script src="dists/js/prettify.min.js" type="text/javascript" charset="utf-8"></script>

  2276. 		<script src="dists/js/module.js" type="text/javascript" charset="utf-8"></script>

  2277. 		<script src="dists/js/xcConfirm.js" type="text/javascript" charset="utf-8"></script>

  2278. 	</body>

  2279. </html>