少有人走的路

一位小学生的作文：

班上有一对兄妹，一个叫刘一柱，一个叫刘一弦。
同们们都嘲笑他们的名字好土。
有一次我问他们为什么起这个名字，他们说，他妈妈的名字叫李华年，妈妈去世后，为了纪念她改的。

重点来了，下面是老师的批注：
锦瑟无端五十弦，一弦一柱思华年。

(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>