Изменение размера содержимого Bootstrap модально - PullRequest
Новая
       91

Изменение размера содержимого Bootstrap модально

0 голосов
/ 19 февраля 2020

У меня есть модальное bootstrap, что у меня есть некоторый элемент в содержимом этого модального, но когда размер содержимого больше, чем модальное, модальное не меняет его размер, и я получаю прокрутку для навигации по всему элементу, но я хочу, чтобы bootstrap изменить размер этого содержимого на каждом экране. Мой Контент ниже:

enter image description here

И внизу с прокруткой для навигации по всему элементу

enter image description here

мой модальный: 

 <div id="seatModal" class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
            <div class="modal-dialog modal-lg modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div class="modal-body">

                    </div>
                </div>
            </div>
        </div>
        <div id="sakuModal" class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
            <div class="modal-dialog  modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                        <div class="modal-body">
                          <div class="row" title="-_-_-">
                            <div class="col-md-12 overflow-auto SeatPanelBody" title="-_-_-">
                                  <div class="SeatPanelSeats" style="text-align:center;" title="-_-_-">
                                 <div class="seatRow" title="-_-_-">
                                  <div class="seatRowHeader">1</div><span class="seatSold" style="margin-right: 0px; margin-left: 0px;" id="76877" t="2" title="سانس : 19:00<br/>جایگاه : میلاد&nbsp;&nbsp;&nbsp;&nbsp;ردیف : 1&nbsp;&nbsp;&nbsp;&nbsp;صندلی : 1<br/>فروخته شده">1</span>
                                     .
                                     .
                                     .
                                </div>
                             </div>
                           </div>
                        </div>
                     </div>
                 </div>

Как изменить размер содержимого модального в соответствии с шириной мода без прокрутки для навигации по всему содержимому?

...