바디태그 따라 쓰기 귀찮으신분들을 위한 공유

    <div class="row">
      <div class="col-md-8 col-md-offset-2">       
        <h1 class="text-center">클레이튼(Klaytn)</h1>
        <h3 class="text-center">속전속결 덧셈 게임</h1>
        <h3 class="text-center">
          <code>3초안에 맞출 시 1 KLAY 지급 이벤트</code>  
          <button type="button" 
                  class="btn btn-info pull-right" 
                  id="login" 
                  data-toggle="modal"
                  data-target="#loginModal">
                  로그인
          </button>
          <button type="button" 
                  class="btn btn-info pull-right" 
                  id="logout" 
                  style="display: none;"
                  onclick="App.handleLogout()">
                  로그아웃
          </button>
        </h3>         
        <hr /> 
      </div>
    </div>
  </div>  

  <div class="modal fade" tabindex="-1" role="dialog" id="loginModal">
      <div class="modal-dialog modal-sm">
        <div class="modal-content">         
          <div class="modal-body">
            <div class="form-group">
              <label for="keystore">Keystore</label>
              <input type="file" id="keystore" onchange="App.handleImport()">
            </div>
            <div class="form-group">
              <label for="input-password">비밀번호</label>
              <input type="password" class="form-control" id="input-password" onchange="App.handlePassword()">
              <p class="help-block" id="message"></p>
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">닫기</button>
            <button type="button" class="btn btn-primary" id="submit" onclick="App.handleLogin()">제출</button>
          </div>
        </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->