Bootstrap - 양식

01.Bootstrap 양식

• 주로 사용자에게 데이터를 입력받는 양식을 form이라는 태그를 사용하게 되는데 Bootstrap을 통해 손쉽게 사용자에게 보기 좋은 양식을 만들어줄 수 있습니다.

1-1.Overview 소스 코드 & 화면 출력

 <form>
      <div class="mb-3">
        <label for="exampleInputEmail1" class="form-label">Email address</label>
        <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
        <div id="emailHelp" class="form-text">We'll never share your email with anyone else.</div>
      </div>
      <div class="mb-3">
        <label for="exampleInputPassword1" class="form-label">Password</label>
        <input type="password" class="form-control" id="exampleInputPassword1">
      </div>
      <div class="mb-3 form-check">
        <input type="checkbox" class="form-check-input" id="exampleCheck1">
        <label class="form-check-label" for="exampleCheck1">Check me out</label>
      </div>
      <button type="submit" class="btn btn-primary">Submit</button>
    </form>