​

<div class="container-fluid">

  <p>

    예를 들어, 다음은 기본 설정이 있는 InputNumber입니다.:

  </p>

  <div class="form-group">

    <label for="theNumber">InputNumber</label>

    <div id="theNumber"></div>

  </div>

  <div>

    현재 값은 <b><span id="theNumberOutput">0</span></b>입니다.

  </div>

​

  <hr />

​

  <p>

    기본적으로 InputNumber 값이 필요하므로 컨트롤의 전체 내용을 삭제할 수 없습니다. 선택 사항으로 숫자를 입력하려면 <b>isRequired</b> 속성을 false로 설정합니다.:

  </p>

  <div class="form-group">

    <label for="theNumberNotRequired">필수 아님</label>

    <div id="theNumberNotRequired"></div>

  </div>

</div>

​

label {

    width: 100px;

    text-align: right;

    margin-right: 3px;

}

@font-face {

     font-family: 'S-CoreDream-3Light';

     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');

     font-weight: normal;

     font-style: normal;

}

​

body {

  margin: 20px;

  font-family: 'S-CoreDream-3Light';

}

​

.container-fluid{

  background-color:#ededed;

  padding:10px;

  border-radius:10px;

}