Как закрыть (модальное окно twitter bootstrap после первоначального запуска)

Я очень нуб, поэтому я думаю, что наблюдаю за чем-то (вероятно очевидным )с модальным twitter bootstrap. То, что я пытаюсь сделать, это запустить модальное окно только на мобильном телефоне. Это прекрасно работает с добавлением телефона класса.visible -в модальный div. Все идет нормально. Но тогда я хочу, чтобы он работал, то есть вы можете закрыть его с помощью кнопки X. И я не могу заставить кнопку работать.

<div class="modal visible-phone" id="myModal">
  <div class="modal-header">
    <button class="close" data-dismiss="modal">×</button>
    <h3>text introductory<br>want to navigate to...</h3>
 </div>
 <div class="modal-body">
    <ul class="nav">
      <li>... list of links here </li>
    </ul>
   </div>
  </div>

Внизу html я поместил jquery.js (first )и bootstrap.modal.js и bootstrap.transition.js. На самом деле все js-модули bootstrap (, чтобы не пропустить include ). У меня нет опыта работы с js..

Пожалуйста, простите меня, если я задал действительно глупый вопрос. Я не смог найти ответ на эту конкретную ситуацию в журнале.