Bootstrap4 from textarea まとめ

Bootstrap4 のHTML from textarea忘備録

実現したいこと

f:id:happy_teeth_ago:20190812134626p:plain

ポイント1.divで囲む class="form-group" を当てる

ポイント2.labelとtextareaのセットで書くべし

ポイント3.textareaにはclass="form-control" を当てる

ポイント4.buttonはtype="submit"

ポイント5.ボタンの色はclass="btn btn-primary"等 を当てる

    <div class="form-group">
          <label for="message">ご要望</label>
          <textarea name="message" rows="5" class="form-control"></textarea>
        </div>
        <button type="submit" class="btn btn-primary">送信する</button>
   </div>

  <!-- Bootstrap -->
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
    integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
    crossorigin="anonymous"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js"
    integrity="sha384-xrRywqdh3PHs8keKZN+8zzc5TX0GRTLCcmivcbNJWm2rs5C8PRhcEn3czEjhAO9o"
    crossorigin="anonymous"></script>

ボタンの色

getbootstrap.com

ついでにバッジも

getbootstrap.com