同步操作将从 easysoft/zui 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>ZUI - 开源HTML5跨屏框架</title><link href="../css/zui.min.css" rel="stylesheet"><link href="../css/example.css" rel="stylesheet"><link rel="stylesheet/less" type="text/css" href="../src/less/zui.less" /><link href="../css/zui.min.css" rel="stylesheet"><link href="../css/example.css" rel="stylesheet"><script type="text/javascript"> less = { env: "development", dumpLineNumbers:'mediaquery' }; </script><script src="../assets/js/less.js"></script><script src="../../assets/jquery.js"></script><script src="../../dist/js/zui.min.js"></script><script src="../assets/js/example.js"></script></head><body><nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"><div class="navbar-header"><button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a class="navbar-brand" href="#">ZUI</a></div><div class="collapse navbar-collapse" id="navbar"><ul class="nav navbar-nav"><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><span id="navbarCurrent">examples</span> <b class="caret"></b></a><ul class="dropdown-menu" role="menu"><li><a href="alerts.html">alerts</a></li><li><a href="article.html">article</a></li><li><a href="breadcrumb.html">breadcrumb</a></li><li><a href="button-groups.html">button-groups</a></li><li><a href="buttons.html">buttons</a></li><li><a href="cards.html">cards</a></li><li><a href="carousel.html">carousel</a></li><li><a href="chosen.html">chosen</a></li><li><a href="collapse.html">collapse</a></li><li><a href="colorset.html">colorset</a></li><li><a href="comment.html">comment</a></li><li><a href="dropdowns.html">dropdowns</a></li><li><a href="forms.html">forms</a></li><li><a href="grid.html">grid</a></li><li><a href="icons.html">icons</a></li><li><a href="input-groups.html">input-groups</a></li><li><a href="kindeditor.html">kindeditor</a></li><li><a href="labels.html">labels</a></li><li><a href="lightbox.html">Lightbox</a></li><li><a href="list-group.html">list-group</a></li><li><a href="list.html">list</a></li><li><a href="modals.html">modals</a></li><li><a href="navbars.html">navbars</a></li><li><a href="navs.html">navs</a></li><li><a href="pager.html">pager</a></li><li><a href="panels.html">panels</a></li><li><a href="popovers.html">popovers</a></li><li><a href="progress.html">progress</a></li><li><a href="tables.html">tables</a></li><li><a href="tabs.html">tabs</a></li><li><a href="textbox.html">textbox</a></li><li><a href="tooltip.html">tooltip</a></li><li><a href="type.html">type</a></li></ul></li><li id="navbarNext"><a href="###">NEXT <i class="icon-angle-right icon-large"></i></a></li></ul></div></nav><article><section id='panels' class="page-section"><div class="page-header"><h1>面板</h1></div><h3>类型</h3><h4>基本类型</h4><div class="panel"><div class="panel-body">默认的.panel所做的只是提供基本的边界和内部,来包含内容。</div></div><h4>带标题</h4><div class="panel"><div class="panel-heading">面板标题</div><div class="panel-body">面板内容</div></div><h4>带脚注</h4><div class="panel"><div class="panel-body">面板内容</div><div class="panel-footer">面板脚注</div></div><h3>变化</h3><h4>颜色</h4><div class="panel panel-primary"><div class="panel-heading">.panel-primary</div><div class="panel-body">面板内容</div></div><div class="panel panel-success"><div class="panel-heading">.panel-success</div><div class="panel-body">面板内容</div></div><div class="panel panel-warning"><div class="panel-heading">.panel-warning</div><div class="panel-body">面板内容</div></div><div class="panel panel-danger"><div class="panel-heading">.panel-danger</div><div class="panel-body">面板内容</div></div><div class="panel panel-info"><div class="panel-heading">.panel-info</div><div class="panel-body">面板内容</div></div><h4>包含表格</h4><div class="panel"><!-- Default panel contents --><div class="panel-heading">Panel heading</div><!-- Table --><table class="table"><thead><tr><th>Lorem ipsum.</th><th>Repudiandae, harum!</th><th>Tenetur, corporis.</th><th>Perspiciatis, porro?</th></tr></thead><tbody><tr><td>Lorem ipsum.</td><td>Officiis, non.</td><td>Molestias, qui.</td><td>Odit, ducimus.</td></tr><tr><td>Lorem ipsum.</td><td>Repellendus, exercitationem!</td><td>Velit, eos.</td><td>Eius, officiis.</td></tr><tr><td>Lorem ipsum.</td><td>Amet, esse!</td><td>Quis, pariatur!</td><td>Totam, quae.</td></tr></tbody></table></div><h4>包含列表</h4><div class="panel"><div class="panel-heading">Panel heading</div><ul class="list-group"><li class="list-group-item">todo</li><li class="list-group-item">story</li><li class="list-group-item">task</li><li class="list-group-item">bug</li><li class="list-group-item">case</li></ul></div><h4>面板组</h4><div class='panel-group'><div class="panel"><div class="panel-heading">面板标题</div><div class="panel-body">面板内容</div><div class="panel-footer">面板脚注</div></div><div class="panel"><div class="panel-heading">面板标题</div><div class="panel-body">面板内容</div><div class="panel-footer">面板脚注</div></div><div class="panel"><div class="panel-heading">面板标题</div><div class="panel-body">面板内容</div><div class="panel-footer">面板脚注</div></div></div></section></article></body></html>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。