//=============
* 다른 폼과 한줄로 만들려면 칼럼 클래스 (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>
//=============
'Code > Web' 카테고리의 다른 글
[DB] MariaDB 사용기, DBMS 역사, Mysql 버전 (0) | 2019.02.11 |
---|---|
CDN 속도 측정 비교 - CloudFlare Forever (0) | 2019.02.09 |
[Bootstrap] Grid 시스템 (0) | 2019.01.30 |
HTML5 문서 구조화 요소 (article, section, header ...) (0) | 2019.01.30 |
[CSS] @media (미디어 쿼리, Media Query) (0) | 2019.01.30 |