少有人走的路

(1) 颜色徽章

    <span class="badge primary">1</span>
    <span class="badge secondary">2</span>
    <span class="badge success">3</span>
    <span class="badge alert">CD</span>
    <span class="badge warning">B</span>

（1）文本输入

（1）基本样式

<div class="switch">
  <input class="switch-input" id="exampleSwitch" type="checkbox" name="exampleSwitch">
  <label class="switch-paddle" for="exampleSwitch">
    <span class="show-for-sr">Download Kittens</span>
  </label>
</div>

（1）基本样式

用户拖动的控制柄（.slider控制柄）。

填充（.slader填充），根据控制柄所在的位置动态调整大小。

隐藏的＜input＞，即滑块值的存储位置。

（1）基础样式

<!-- Anchors (links) -->
<a href="about.html" class="button">Learn More</a>
<a href="#features" class="button">View All Features</a>

<!-- Buttons (actions) -->
<button class="submit success button">Save</button>
<button type="button" class="alert button">Delete</button>

（1）基本样式

<div class="button-group">
  <a class="button">One</a>
  <a class="button">Two</a>
  <a class="button">Three</a>
</div>

勇哥注：

前端框架Foundation用于客户端浏览器的页面上，可以组建灵活的、漂亮的、响应式的Ui界面。

说白了就是有了这个东西，你整个漂亮网站UI是分分钟的事。