同步操作将从 easysoft/zui 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="ZUI,一个简单吸引人的前端框架。"><meta name="author" content="Zentao"><title>ZUI - 开源HTML5跨屏框架</title><link href="../css/zui.min.css" rel="stylesheet"><link href="../css/example.css" rel="stylesheet"><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 class="article-small"><section class="page-section"><h1 class="header-dividing">文章视图</h1><table class="table"><tr><td>头部</td><td>头部包含文章标题、文章信息和摘要</td></tr><tr><td>正文</td><td>正文的多个部分使用<code>section</code></td></tr><tr><td>底部</td><td>底部显示版权及文章的其他信息</td></tr></table><p>普通文章视图</p><div contenteditable="true" spellcheck="false" class="segment no-padding"><br><ul class="breadcrumb"><li><i class="icon-location-arrow icon-muted"></i></li><li><a href="#">Home</a></li><li><a href="#">Library</a></li><li class="active">Data</li></ul><article class="article"><header><h1 class="text-center">文章标题</h1><dl class="dl-inline"><dt>发布时间:</dt><dd>2013年11月07日 17:14:22</dd><dt>作者:</dt><dd>Catouse</dd><dt></dt><dd class="pull-right"><span class="label label-success">NEW</span> <span class="label label-warning">火爆</span> <span class="label label-info">原创</span> <span class="label label-danger"><i class="icon-eye-open"></i> 235</span></dd></dl><section class="abstract"><p><strong>摘要:</strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus, necessitatibus provident quasi suscipit laborum nemo tenetur ad accusantium explicabo pariatur?</p></section></header><section class="article-content"><h1>Lorem ipsum dolor sit amet.</h1><h2>Lorem ipsum dolor sit amet, consectetur.</h2><h3>Lorem ipsum dolor sit amet, consectetur.</h3><h4>Lorem ipsum dolor sit amet, consectetur.</h4><h5>Lorem ipsum dolor sit amet, consectetur.</h5><h6>Lorem ipsum dolor sit amet, consectetur.</h6><p><a href="###4">Lorem ipsum dolor</a> sit amet, consectetur adipisicing elit. Autem, ad, libero hic voluptatem sapiente possimus recusandae laboriosam adipisci voluptates inventore perferendis nam aliquid odio nostrum voluptate quasi totam itaque. Veritatis, dolore, sint, reiciendis repellat est non enim tenetur unde odio eius recusandae ut quae vero incidunt dolorem excepturi consectetur itaque.</p><blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p><small>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat, officiis!</small></blockquote><h3>Lorem ipsum dolor sit amet, consectetur.</h3><p>Voluptates, repellat, voluptatibus temporibus facere veritatis ab similique quas nobis provident ratione eum sequi officiis sunt atque reprehenderit ut ipsum vel tempora alias consectetur numquam consequatur dignissimos eligendi rerum voluptas cupiditate tempore neque quam itaque illo veniam aspernatur distinctio praesentium labore et quod autem officia est beatae fuga corrupti inventore.</p><img class='img-responsive' src="img/img1.png" alt=""><p>Architecto, officiis, incidunt, excepturi, repudiandae iusto quam tempora blanditiis sed quae aliquam quaerat soluta distinctio nulla vero at. Reprehenderit, aperiam laboriosam dolores eius quam autem magnam est fugiat minima nihil. Aut, minus, nemo iure fuga corporis repellendus perspiciatis iusto veritatis iste similique. Totam ut repudiandae nemo cumque aperiam aut sint.</p><h2>Lorem ipsum dolor sit amet, consectetur.</h2><ul><li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis soluta eveniet aspernatur facere quisquam veniam eos voluptates similique quis voluptas.</li><li>Quaerat, aut atque praesentium quidem consequatur consequuntur repudiandae error maxime laboriosam nesciunt vitae illo laborum voluptas enim aliquid eius ad!</li><li>Qui, soluta, ipsum, alias reiciendis iusto natus ullam distinctio nam exercitationem culpa veniam mollitia id sapiente quisquam nihil totam in.</li></ul><hr><p>Magnam, modi, repellat beatae perferendis illo dicta illum dolore minus aperiam sit perspiciatis voluptas molestias eaque numquam ipsum deserunt at aut quam quisquam tenetur. Repellat, ratione nihil voluptate sit pariatur quasi ipsum? Sapiente, fugit nesciunt placeat ut expedita id inventore nobis iure adipisci ullam aliquid laboriosam facere officiis molestiae mollitia!</p><table class="table table-hover"><thead><tr><th>Lorem ipsum.</th><th>Quis, ut.</th><th>Officia, odio?</th><th>Eos, modi!</th><th>Autem, doloremque!</th></tr></thead><tbody><tr><td>Lorem ipsum.</td><td>Dolor, rem.</td><td>Iure, quaerat.</td><td>Quibusdam, nam.</td><td>Blanditiis, quo.</td></tr><tr><td>Lorem ipsum.</td><td>Aliquid, dicta.</td><td>Architecto, perspiciatis.</td><td>Eos, corporis.</td><td>Similique, cum.</td></tr><tr><td>Lorem ipsum.</td><td>Id, minus!</td><td>Eos, sit.</td><td>Quae, dolores?</td><td>Consectetur, deleniti!</td></tr><tr><td>Lorem ipsum.</td><td>Nam, excepturi.</td><td>Assumenda, cumque!</td><td>Vero, eligendi.</td><td>Odit, porro.</td></tr></tbody></table><p>Adipisci reprehenderit placeat quos provident alias cupiditate ratione perspiciatis! Fuga, fugit id nisi sapiente voluptatibus quidem. Tempora, optio, animi, iste fugiat quisquam veniam aliquam sed labore at ad numquam eum nobis natus quasi magni. Sequi, dolor, sed, at, debitis accusamus ad qui voluptas est odit ipsa consequatur sint odio porro.</p><ol><li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum, rerum, molestias possimus minima magnam libero iste amet ad. Ratione, deserunt, adipisci! Ducimus, nihil totam ad beatae corporis. Voluptatem, facere minima!</li><li>Cupiditate, omnis, sit, ducimus, natus quo quam quia excepturi numquam deleniti totam odit illum voluptate id! Commodi, itaque magni saepe porro rem ducimus animi error ullam. Animi, consequatur totam natus.</li><li>Quae, magni, dolorum odio quia labore asperiores sit dolorem vel hic laboriosam doloribus minima necessitatibus veritatis earum aliquid non rem ad id itaque pariatur repudiandae dolore eligendi illo nobis fuga.</li></ol><dl><dt>Lorem.</dt><dd>Lorem ipsum dolor sit amet.</dd><dt>Ut.</dt><dd>Necessitatibus, fugit repellat fugiat a.</dd><dt>Aliquam.</dt><dd>Obcaecati cum suscipit consequuntur voluptas?</dd><dt>Minima!</dt><dd>Esse soluta iure corporis porro.</dd><dt>Sunt.</dt><dd>Delectus quos amet quidem eaque!</dd></dl><p>Nemo, dolorum nisi sequi recusandae deserunt soluta nobis itaque expedita atque excepturi quidem sapiente qui perferendis maiores quas consectetur nulla quae libero impedit ea corporis eos dicta blanditiis ad quis quos quaerat reiciendis aliquam minima rem nesciunt odit est mollitia ipsa vero ratione ipsum. Dolorum, reprehenderit sint vero distinctio aliquam.</p></section><footer><p class="pull-right text-muted">发布时间:2013年11月7日 16:44:21 点击数:234</p><p class="text-important">本文版权所有归<a href="###">@catouse</a></p><ul class="pager pager-justify"><li class="previous"><a href="#"><i class="icon-arrow-left"></i> 论烧火煮饭</a></li><li><a href="#"><i class="icon-list-ul"></i> 目录</a></li><li class="next disabled"><a href="#">没有下一篇 <i class="icon-arrow-right"></i></a></li></ul></footer></article></div><p>一个更紧凑的文章视图</p><div contenteditable="true" spellcheck="false" class="segment no-padding"><br><ul class="breadcrumb"><li><a href="#">Home</a></li><li><a href="#">Library</a></li><li class="active">Data <i class="icon-map-marker"></i></li></ul><article class="article article-condensed" contenteditable="true"><header><dl class="dl-inline pull-right"><dt>发布时间:</dt><dd>2013年11月07日 17:14:22</dd><dt>作者:</dt><dd>Catouse</dd><dt></dt><dd><span class="label label-success">最新</span> <span class="label label-warning">火爆</span> <span class="label label-info">原创</span></dd></dl><h1>文章标题</h1><dl class="dl-inline"><dt>发布时间:</dt><dd>2013年11月07日 17:14:22</dd><dt>作者:</dt><dd>Catouse</dd><dt></dt><dd><span class="label label-info">原创</span></dd></dl><section class="abstract"><p><strong>摘要:</strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus, necessitatibus provident quasi suscipit laborum nemo tenetur ad accusantium explicabo pariatur?</p></section></header><section class="article-content"><h1>Lorem ipsum dolor sit amet.</h1><h2>Lorem ipsum dolor sit amet, consectetur.</h2><h3>Lorem ipsum dolor sit amet, consectetur.</h3><h4>Lorem ipsum dolor sit amet, consectetur.</h4><h5>Lorem ipsum dolor sit amet, consectetur.</h5><h6>Lorem ipsum dolor sit amet, consectetur.</h6><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem, ad, libero hic voluptatem sapiente possimus recusandae laboriosam adipisci voluptates inventore perferendis nam aliquid odio nostrum voluptate quasi totam itaque. Veritatis, dolore, sint, reiciendis repellat est non enim tenetur unde odio eius recusandae ut quae vero incidunt dolorem excepturi consectetur itaque.</p><blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p><small>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat, officiis!</small></blockquote><p>Voluptates, repellat, voluptatibus temporibus facere veritatis ab similique quas nobis provident ratione eum sequi officiis sunt atque reprehenderit ut ipsum vel tempora alias consectetur numquam consequatur dignissimos eligendi rerum voluptas cupiditate tempore neque quam itaque illo veniam aspernatur distinctio praesentium labore et quod autem officia est beatae fuga corrupti inventore.</p><img class='img-responsive' src="img/img1.png" alt=""><p>Architecto, officiis, incidunt, excepturi, repudiandae iusto quam tempora blanditiis sed quae aliquam quaerat soluta distinctio nulla vero at. Reprehenderit, aperiam laboriosam dolores eius quam autem magnam est fugiat minima nihil. Aut, minus, nemo iure fuga corporis repellendus perspiciatis iusto veritatis iste similique. Totam ut repudiandae nemo cumque aperiam aut sint.</p><ul><li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis soluta eveniet aspernatur facere quisquam veniam eos voluptates similique quis voluptas.</li><li>Quaerat, aut atque praesentium quidem consequatur consequuntur repudiandae error maxime laboriosam nesciunt vitae illo laborum voluptas enim aliquid eius ad!</li><li>Qui, soluta, ipsum, alias reiciendis iusto natus ullam distinctio nam exercitationem culpa veniam mollitia id sapiente quisquam nihil totam in.</li></ul><p>Magnam, modi, repellat beatae perferendis illo dicta illum dolore minus aperiam sit perspiciatis voluptas molestias eaque numquam ipsum deserunt at aut quam quisquam tenetur. Repellat, ratione nihil voluptate sit pariatur quasi ipsum? Sapiente, fugit nesciunt placeat ut expedita id inventore nobis iure adipisci ullam aliquid laboriosam facere officiis molestiae mollitia!</p><table><thead><tr><th>Lorem ipsum.</th><th>Quis, ut.</th><th>Officia, odio?</th><th>Eos, modi!</th><th>Autem, doloremque!</th></tr></thead><tbody><tr><td>Lorem ipsum.</td><td>Dolor, rem.</td><td>Iure, quaerat.</td><td>Quibusdam, nam.</td><td>Blanditiis, quo.</td></tr><tr><td>Lorem ipsum.</td><td>Aliquid, dicta.</td><td>Architecto, perspiciatis.</td><td>Eos, corporis.</td><td>Similique, cum.</td></tr><tr><td>Lorem ipsum.</td><td>Id, minus!</td><td>Eos, sit.</td><td>Quae, dolores?</td><td>Consectetur, deleniti!</td></tr><tr><td>Lorem ipsum.</td><td>Nam, excepturi.</td><td>Assumenda, cumque!</td><td>Vero, eligendi.</td><td>Odit, porro.</td></tr></tbody></table><p>Adipisci reprehenderit placeat quos provident alias cupiditate ratione perspiciatis! Fuga, fugit id nisi sapiente voluptatibus quidem. Tempora, optio, animi, iste fugiat quisquam veniam aliquam sed labore at ad numquam eum nobis natus quasi magni. Sequi, dolor, sed, at, debitis accusamus ad qui voluptas est odit ipsa consequatur sint odio porro.</p><ol><li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum, rerum, molestias possimus minima magnam libero iste amet ad. Ratione, deserunt, adipisci! Ducimus, nihil totam ad beatae corporis. Voluptatem, facere minima!</li><li>Cupiditate, omnis, sit, ducimus, natus quo quam quia excepturi numquam deleniti totam odit illum voluptate id! Commodi, itaque magni saepe porro rem ducimus animi error ullam. Animi, consequatur totam natus.</li><li>Quae, magni, dolorum odio quia labore asperiores sit dolorem vel hic laboriosam doloribus minima necessitatibus veritatis earum aliquid non rem ad id itaque pariatur repudiandae dolore eligendi illo nobis fuga.</li></ol><dl><dt>Lorem.</dt><dd>Lorem ipsum dolor sit amet.</dd><dt>Ut.</dt><dd>Necessitatibus, fugit repellat fugiat a.</dd><dt>Aliquam.</dt><dd>Obcaecati cum suscipit consequuntur voluptas?</dd><dt>Minima!</dt><dd>Esse soluta iure corporis porro.</dd><dt>Sunt.</dt><dd>Delectus quos amet quidem eaque!</dd></dl><p>Nemo, dolorum nisi sequi recusandae deserunt soluta nobis itaque expedita atque excepturi quidem sapiente qui perferendis maiores quas consectetur nulla quae libero impedit ea corporis eos dicta blanditiis ad quis quos quaerat reiciendis aliquam minima rem nesciunt odit est mollitia ipsa vero ratione ipsum. Dolorum, reprehenderit sint vero distinctio aliquam.</p></section><footer><p class="pull-right text-muted">发布时间:2013年11月7日 16:44:21 点击数:234</p><p class="text-important">本文版权所有归<a href="###">@catouse</a></p><ul class="pager pager-justify"><li class="previous"><a href="#">« 上一篇:论烧火煮饭</a></li><li class="next"><a href="#">下一篇:合适不合适? »</a></li></ul></footer></article></div></section></article></body>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。