Изменение значка кнопки закрытия в моде Bootstrap с помощью значка FontAwesome - PullRequest
Новая
       4

Изменение значка кнопки закрытия в моде Bootstrap с помощью значка FontAwesome

0 голосов
/ 24 января 2020

Я хочу изменить значок закрытия в bootstrap модальный с &times; на <i class="fas fa-times-circle"></i> с помощью FontAwesome, но когда я это сделаю, кнопка закрытия перестает работать, и даже если я нажимаю на нее, она не закрывает модальное. FontAwesome установлен, и я вижу все значки.

Это работает (по умолчанию Bootstrap модально): 

   <div class="modal fade" id="<%= product.units[key].mini %>" tabindex="-1" role="dialog" aria-labelledby="ModalCenter" aria-hidden="true">
     <div class="modal-dialog modal-dialog-centered" role="document">
      <div class="modal-content modal-view-model">
       <div class="modal-header justify-content-center">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
         <span aria-hidden="true">&times;</span>
        </button>
       </div>
       <div class="modal-body pt-0">
       <img src="model.png">
      </div>
     </div>
    </div>
   </div>

Это не так: 

<div class="modal fade" id="<%= product.units[key].mini %>" tabindex="-1" role="dialog" aria-labelledby="ModalCenter" aria-hidden="true">
 <div class="modal-dialog modal-dialog-centered" role="document">
  <div class="modal-content modal-view-model">
   <div class="modal-header justify-content-center">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
     <span aria-hidden="true"><i class="fas fa-times-circle"></i></span>
    </button>
   </div>
   <div class="modal-body pt-0">
   <img src="model.png">
  </div>
 </div>
</div>

...