[BootStrap] Tips, Forms

Code/Web 2019. 1. 31. 20:49

//=============
* 다른 폼과 한줄로 만들려면 칼럼 클래스 (col-sm-* 등)은 별도로 쓴다.
<div class="col-sm-4">
    <div class="input-group has-success ">
        ...
    </div>
</div>


//=============
* 인라인 인풋 폼
<div class="col-sm-4 input-group has-success ">
    <span class="input-group-addon"><i class="material-icons fs-16" >build</i></span>
    <span class=" input-group-addon">글자</span>
    <input type="text" class="form-control" value="입력">
    <span class="input-group-btn"> <button type="button" class="btn" >버튼</button> </span>
</div>



//=============
* 체크 박스 피드백
<div class="col-sm-4 input-group has-success has-feedback"  >
    <input type="text" class="form-control " value="입력">
    <span class="form-control-feedback"><i class="material-icons fs-16" >build</i></span>
</div>




//=============

반응형
Posted by codens