폼 요소

폼 컨트롤 스타일

미리보기

소스

<div class="mb-3">
    <label class="form-label">둥근 폼 컨트롤</label>
    <input type="text" class="form-control form-control-rounded mb-2" name="Form control rounded" placeholder="텍스트..">
    <div class="input-icon">
        <input type="text" class="form-control form-control-rounded" placeholder="검색…">
        <span class="input-icon-addon">
            <i class="f:20 ti ti-search"></i>
        </span>
    </div>
</div>

<div class="mb-3">
    <label class="form-label">플러시 폼 컨트롤</label>
    <input type="text" class="form-control form-control-flush" name="Form control flush" placeholder="텍스트..">
</div>