Bootstrap Модальная переполнения. Как это исправить? (Центрирование)

Question

<div class="row"> 
    <br/><br/><br/> 
     <a class="btn btn-primary btn-lg" data-toggle="modal" data-target="#contact" data-original-title> 
      Adopt 
     </a> 
     <div class="modal fade" id="contact" tabindex="-1" role="dialog" aria-labelledby="contactLabel" aria-hidden="true"> 
      <div class="modal-dialog"> 
       <div class="panel panel-primary"> 
        <div class="panel-heading"> 
         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 

Как показано на изображении, мой модальное над расширяется. Я могу показать только части головы кода. Что я сделал не так? Мои другие модальности работают нормально.

Answer 1

Исправлено путем изменения CSS модального диалога.