Semantic UI:为攻城师而制作的可复用的开源前端框架

Semantic 是围绕自然交流语言而架构的，这使得开发更加直观（易于理解）。
语义化设计的前端框架，为攻城师而制作的可复用的开源前端框架。

Semantic让你可以使用任何HTML标签来表现UI控件。

SEMANTIC 示例

<main class="ui three column grid">
<aside class="column">1</aside>
<section class="column">2</section>
<section class="column">3</section>
</main>

<nav class="ui menu">
<h3 class="header item">Title</h3>
<a class="active item">Home</a>
<a class="item">Link</a>
<a class="item">Link</a>
<span class="right floated text item">
Signed in as <a href="#">user</a>
</span>
</nav>

<button class="large ui button">
<i class="heart icon"></i>
Like it
</button>

home http://www.semantic-ui.com/
github https://github.com/Semantic-Org/Semantic-UI

Nearby

上一篇 › Youbbs for VPS v2.1支持 Emoji 表情了
下一篇 › 群主你QQ多少，付费求开发

Discussion (1)

youbbs 2015-07-02 07:22

BOOTSTRAP 示例

&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;col-lg-4&quot;&gt;1&lt;/div&gt;
&lt;div class=&quot;col-lg-4&quot;&gt;2&lt;/div&gt;
&lt;div class=&quot;col-lg-4&quot;&gt;3&lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;navbar&quot;&gt;
&lt;a class=&quot;navbar-brand&quot; href=&quot;#&quot;&gt;Title&lt;/a&gt;
&lt;ul class=&quot;nav navbar-nav&quot;&gt;
&lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;#&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Link&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Link&lt;/a&gt;&lt;/li&gt;
&lt;p class=&quot;navbar-text pull-right&quot;&gt;Signed in as &lt;a href=&quot;#&quot; class=&quot;navbar-link&quot;&gt;User&lt;/a&gt;&lt;/p&gt;
&lt;/ul&gt;
&lt;/div&gt;

&lt;button type=&quot;button&quot; class=&quot;btn btn-primary btn-lg&quot;&gt;
&lt;span class=&quot;glyphicon glyphicon-heart&quot;&gt;&lt;/span&gt;
Like
&lt;/button&gt;

Semantic UI:为攻城师而制作的可复用的开源前端框架

See Also

Nearby

Discussion (1)

Top posts

前端关于 Facebox 跨域问题的解决

前端雅虎新开源的 CSS 框架 Pure ，比 Bootstrap 轻量

前端mincss 一个mini 工具

YB站长请问在哪里下载源码

前端Flarum 用到的前端 javascript 库

youBBS

Topics

工具