Q:

Como ocultar a mensagem em bootstrap?

Observem a imagem

Quando eu abro o formulário modal ele já aparece a faixa de mensagem de validação, eu gostaria que ele somente aparecesse quando a validação fosse ativada.
É esse trecho de código;
   <div class="alert alert-danger" role="alert">
                          <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="false"></span>
                          <span id="erroMsgUJ"></span>
                          <span id="erroMsgPeriodoInicio"></span>
                    </div>

A:

É só vc já começar ele com display:none, para isso vc pode usar a classe nativa .hidden do Bootstrap 3 como vc pode consultar aqui: https://getbootstrap.com/docs/3.3/css/#helper-classes-show-hide
// Classes
.show {
  display: block !important;
}
.hidden {
  display: none !important;
}

Então sua div de alert ficaria inicialmente assim, depois vc retira o .hidden e coloca o .show pelo JS já usando essas classes nativas do BS3
<div class="alert alert-danger hidden" role="alert">

