Heim > Web-Frontend > HTML-Tutorial > 轻量级响应式 CSS 框架:StringBean_html/css_WEB-ITnose

轻量级响应式 CSS 框架:StringBean_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-21 09:06:57
Original
1311 Leute haben es durchsucht

StringBean 是超轻量级的响应式 CSS 框架。

在线演示:http://markgreenall.github.io/StringBean 

代码示例:

简单 Header 布局

<header class="container">  <nav class="row">    <div class="column xsmall-16 small-16 medium-10 large-11 xlarge-12">      <h1>        String Bean      </h1>    </div>    <div class="column xsmall-16 small-16 medium-5 large-4 xlarge-3">      <p id="Strapline">        Powering the internet, gently.      </p>    </div>  </nav></header>
Nach dem Login kopieren

按钮

<a href="/login" class="button normal information">Login</a><a href="/login" class="button normal alert">Register</a>
Nach dem Login kopieren

网格

<div class="grid">    <li class="box xsmall-16 small-16 medium-7 large-5 xlarge-3">        Box #1    </li>    <li class="box xsmall-16 small-16 medium-7 large-5 xlarge-3">        Box #2    </li>    <li class="box xsmall-16 small-16 medium-7 large-5 xlarge-3">        Box #3    </li></div>
Nach dem Login kopieren

项目主页:http://www.open-open.com/lib/view/home/1441788601149

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage