Несколько модальных форм на одной странице

Question

У меня есть несколько модальных форм (т.е. id = 'ModalAddItem', 'ModalAddCharge', 'myModal123') на одной странице. Когда я закрываю каждую модальную форму, она работает правильно. Но когда я открываю модальную форму myModal123 и закрываю ее после этого, любая модальная форма, закрывающаяся сверху сверху, автоматически закрывает кнопку myModal123.

Вот код

<div class="modal fade custom-modal" id="myModal123" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">        
<div class="modal-dialog modal-md modal-sm modal-xs modal-lg">     
        <!-- Modal content -->
    <div class="modal-content">
        <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"  data-number="1"><span aria-hidden="true">&times;</span></button>                    
                <h4 class="modal-title"> Price Calculator</h4>
        </div>
        <form id="definePriceForm">
            <div class="modal-body" id="priceresult"> 

            </div> 
        </form>
    </div> 
</div>