youbbs
youbbs
3282 1 0

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

0

See Also

Nearby


Discussion (1)

youbbs
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;
0
Login Topics