부트스트랩에서 다음과 같이 입력상자를 그룹으로 묶을 수 있습니다.
아래와 같이 .input-group과 .input-group-addon 선택자를 사용합니다.
<form class=”bs-example bs-example-form” role=”form”>
<div class=”input-group“>
<span class=”input-group-addon“>@</span>
<input type=”text” class=”form-control” placeholder=”Username”>
</div>
</form>
<div class=”input-group“>
<span class=”input-group-addon“>@</span>
<input type=”text” class=”form-control” placeholder=”Username”>
</div>
</form>
'프로그래밍 언어 > 부트스트랩(Bootstrap)' 카테고리의 다른 글
[bootstrap] 부트스트랩 – 입력상자에 체크박스와 라디오버튼 추가 (0) | 2016.02.01 |
---|---|
[bootstrap] 부트스트랩 – 입력상자 그룹(Input groups)의 사이즈 (0) | 2016.02.01 |
[bootstrap] 부트스트랩 – 버튼 그룹의 다양한 크기 (0) | 2016.01.31 |
[bootstrap] 부트스트랩 – 버튼 툴바(버튼 그룹의 묶음) (0) | 2016.01.31 |
[bootstrap] 부트스트랩 – 버튼을 그룹(Button group)으로 묶어 사용하기 (0) | 2016.01.31 |
댓글