<div class="container-fluid">

  <div class="row">

    <div class="col-xs-6">

      <div class="form-check">

        <label for="isAnimated" class="form-check-label">애니메이션 유무(isAnimated):</label>

        <input id="isAnimated" type="checkbox">

      </div>

      <div class="form-check">

        <label for="isDroppedDown" class="form-check-label">드랍 다운 보임 유무(isDroppedDown):</label>

        <input id="isDroppedDown" type="checkbox">

      </div>

      <div class="form-check">

        <label for="dropDownCssClass" class="form-check-label">드랍 다운 CSS 클래스 적용 유무(dropDownCssClass):</label>

        <input id="dropDownCssClass" type="checkbox">

      </div>

    </div>

    <div class="col-xs-6">

      <div id="theComboBox"></div>

      <br />

      <div id="theInputDate"></div>

    </div>

  </div>

</div>

​

.custom-dd {

  padding: 12px;

  font-size: 85% !important;

  font-style: italic !important;

  background: #4FC3F7 !important;

}

​

.wj-dropdown {

  margin-bottom: 6px;

}

​

label {

  width: 200px;

  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;

}