<div class="l-row">
  <div class="l-col-3">
    <div class="form-group">
      <input class="c-input" type="text" placeholder="入力フォーム">
    </div>
  </div>
</div>

<div class="l-row">
  <div class="l-col-3">
    <div class="form-group">
      <label class="label" for="name">名前</label>
      <input class="c-input" type="text" name="name">
    </div>
  </div>
</div>

<div class="form-group">
  <label class="radio">
    <input id="sample1" class="c-radio" type="radio" name="sample" value="option1" data-toggle="radio">
    ラジオボタン
  </label>
  <label class="radio">
    <input id="sample2" class="c-radio" type="radio" name="sample" value="option2" data-toggle="radio">
    ラジオボタン
  </label>
  <label class="radio">
    <input id="sample3" class="c-radio" type="radio" name="sample" value="option3" data-toggle="radio">
    ラジオボタン
  </label>
</div>

<div class="form-group">
  <label class="checkbox" for="checkbox1">
    <input id="checkbox1" class="c-checkbox" type="checkbox" data-toggle="checkbox">
    チェックボックス
  </label>
  <label class="checkbox" for="checkbox2">
    <input id="checkbox2" class="c-checkbox" type="checkbox" data-toggle="checkbox">
    チェックボックス
  </label>
  <label class="checkbox" for="checkbox3">
    <input id="checkbox3" class="c-checkbox" type="checkbox" data-toggle="checkbox">
    チェックボックス
  </label>
</div>

<div class="form-group">
  <textarea cols="40" rows="6"></textarea>
</div>