Bootstrap модальная высота тела не меняется - PullRequest
Новая
       42

Bootstrap модальная высота тела не меняется

0 голосов
/ 25 февраля 2019

Я пытаюсь увеличить высоту отдельного модала.

Я добавил атрибуты высоты в div следующим образом: 

    <div class="modal fade" id="RTWmodal" role="dialog" style="margin-top: 20px;">
    <div role="document" class="modal-dialog modal-lg" style='height:1000px;'>
    <div class="modal-content modal-tall" style='height:1000px;'>
    <div class="modal-body" style='height:1000px;'>

И это увеличивает общий модальный размер, однако основнойтело модала остается на заданной высоте с полосами прокрутки?См. Ниже:

enter image description here

Что я здесь не делаю?

ОБНОВЛЕНИЕ - Полный модальный код 

<div class="modal fade" id="RTWmodal" role="dialog" style="margin-top: 20px;">
<div role="document" class="modal-dialog modal-lg" style='height:1000px;'>
<div class="modal-content modal-tall" style='height:1000px;'>

<div class="modal-body" style='height:1000px;'>
<h4 id="myPanelModalLabel" class="modal-title">Right to work </h4>

<hr>   

    *CONTENT*



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

Ответы [ 2 ]

0 голосов
/ 01 марта 2019

Это должно сделать это 

.modal-tall .modal-body 
{
 position: relative;
 min-height: 600px;
 padding: 15px;
}
0 голосов
/ 25 февраля 2019

Создать новый модальный класс modal-tall

.modal-tall .modal-body 
{
 position: relative;
 min-height: 600px;
 padding: 15px;
}

Использовать так: 

 <div class="modal tall fade" id="RTWmodal" role="dialog" style="margin-top: 20px;">
    <div role="document" class="modal-dialog modal-lg">
    <div class="modal-content modal-tall" >
...