FreeCodeCamp 2017 1 11 - huyx/1 GitHub Wiki

input 嵌套在 label 里面, checked,适用于 radio/checkbox

<label><input type="radio" name="indoor-outdoor" checked>Indoor</label>
<label><input type="checkbox" name="interesting" checked>Swmming</label>
margin: -15px;            // margin 可以为负值
color: pink !important;   // !important
color: red;               // <==> #F00 <==> rgb(255, 0, 0);

## Bootstrap

```html
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>

概念:

  • fluid
  • row
  • col
  • well

bootstrap classes:

  • container-fluid
  • img-responsive
  • text-center text-primary
  • btn btn-block btn-primary btn-info btn-danger
  • row col-xs-4 col-md-4 col-sm-4 well(井)
  • form-control

Font Awesome Icons

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"/>

借用 <i> 表示 icon,其实也可以用 <b> ...

<i class="fa fa-thumbs-up"></i>

class:

  • fa fa-thumbs-up // 大拇指
  • fa fa-info-circle
  • fa fa-trash // 回收站
  • fa fa-paper-plane // 纸飞机
⚠️ **GitHub.com Fallback** ⚠️