Boostrap Modal Drop Down скрыт за модалом

Question

Я использую Bootstrap для создания модальности для отправки информации о клиенте. Но я считаю, что Bootstrap Modal Drop down скрывается за модальным. Я ищу некоторые документы, но никто из них не работает. Я использую backbonejs для создания <span>, и он вызовет ajax, чтобы получить все имена состояний из API. Но в нем должно быть раскрывающееся меню. Вот основные коды:

<div class="modal fade" id="clientinfoForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
<div class="modal-dialog modal-lg"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
      <h2 class="modal-title" id="myModalLabel">Client Info</h2> 
     </div> 
     <div class="modal-body"> 
      <form id="InfoRequestForm" class="responsive-form" method="POST"> 
      //The Problem Codes here, it is a input field to let client 
      //enter the state information and autocomplete through drop down menu 
     <div class="col-sm-8 col-xs-6"> 
      <label>State*</label> 
      <input name="state" id="state" type="text" class="large state" value="" /> 
      <span role="status" aria-live="polite" class="ui-helper-hidden-accessible">1 result is available, use up and down arrow keys to navigate.</span> 
      <input type="hidden" class="stateId" value="" /> 
      <input id="stateName" type="hidden" value="" /> 
          </div> 

"щ-хелперы скрытый доступное" это класс я создал:

.ui-helper-hidden-accessible { 
    border: 0; 
    clip: rect(0 0 0 0); 
    height: 1px; 
    margin: -1px; 
    overflow: hidden; 
    padding: 0; 
    position: absolute; 
    width: 1px; 
} 

Благодаря

Answer 1

Добавить индекс Z вашего ниспадающий.