정보실

웹학교

정보실

bootstrap form을 위한 코드

본문

form 기본 코드 : 

<form class="form-inline">
<input type="text" class="form-control input-sm" placeholder="Email">
<input type="password" class="form-control input-sm" placeholder="Password">
<label class="checkbox">
<input type="checkbox">Remember me
</label>
<button type="submit" class="btn btn-default">Sign in</button></form>

input small 코드 :  

<input type="text" class="form-control input-sm" placeholder="Small">

input midium 코드 : ​ 

<input type="text" class="form-control input-md" placeholder="Medium">

input Large​ 코드 : ​​

<input type="text" class="form-control input-lg" placeholder="Large">

input X-Large 코드 : 

<input type="text" class="form-control input-xl" placeholder="X-Large">

input XX-Large 코드 : ​​​​ 

<input type="text" class="form-control input-xxl" placeholder="XX-Large">

input group​ 코드 : ​​​​​ 

<div class="input-group">
<input class="form-control" id="appendedInput" type="text" placeholder="200">
<span class="input-group-addon">.00</span>
</div>

checkbox​ 코드 : 

<input type="checkbox" class="form-control checkbox">

select​ 코드 : 

<select class="form-control"><option>One</option><option>Two</option><option>Three</option></select>

select​-multiple​ 코드 : 

<select class="form-control" multiple="multiple">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>


  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 305회 ]  작성일15-05-23 20:19

웹학교