jak zmienić domyślne pozycjonowanie modala w bootstrapie?

<div class="modal"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 

     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
     <h4 class="modal-title">Modal title</h4> 
     </div> 

     <div class="modal-body"> 
     <p>One fine body…</p> 
     </div> 

     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     <button type="button" class="btn btn-primary">Save changes</button> 
     </div> 

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

Jak zmienić domyślną pozycję modalną w bootstrapie, gdzie powinienem edytować, aby zmienić domyślną pozycję.jak zmienić domyślne pozycjonowanie modala w bootstrapie?

Źródło

2014-07-14 dpndra

http: //stackoverflow.com/questions/18053408/vertically-centering-bootstrap-modal-window ... może być pomocne dla Ciebie. –

Dodaj następujący css do kodu HTML i spróbuj zmienić top, prawy i dolny , pozostawione wartości.

.modal { 
    position: absolute; 
    top: 10px; 
    right: 100px; 
    bottom: 0; 
    left: 0; 
    z-index: 10040; 
    overflow: auto; 
    overflow-y: auto; 
}

Źródło

2014-07-14 07:20:46 msnfreaky

, w jaki sposób można uczynić tło modalnego przezroczystego zamiast czarnego. – dpndra

krycie: 1; lub addclass 'fade' – msnfreaky

nie ma żadnego sposobu na usunięcie czarnego przeźroczystego koloru i sprawienie, by modal wyskakiwał bez żadnego efektu? co jeśli chciałbym żeby modal pojawił się bez żadnego efektu? – dpndra

Aby zmienić położenie Modal w rzutni można kierować div id Modal, w tym przykładzie Ten identyfikator jest myModal3

<div id="modal3" class="modal"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
     <h4 class="modal-title">Modal title</h4> 
     </div> 
     <div class="modal-body"> 
     <p>One fine body…</p> 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     <button type="button" class="btn btn-primary">Save changes</button> 
     </div> 
    </div> 
    </div> 
</div> 


#myModal3 { 
top:5%; 
right:50%; 
outline: none; 
overflow:hidden; 
}

Źródło

2014-07-14 07:15:03 V31

pasek boczny aapears na środku, jak to ukryć – dpndra

mają przepełnienie: ukryte w css. Zaktualizowano klasę css # myModal3 – V31

uzyskać lepsze ustawienie tej klasy wynik:

.modal-dialog { 
    position: absolute; 
    top: 50px; 
    right: 100px; 
    bottom: 0; 
    left: 0; 
    z-index: 10040; 
    overflow: auto; 
    overflow-y: auto; 
}

Z bootstrap 3.3.7.

(wszystkie kredyty do msnfreaky dla idei ...)

Źródło

2016-08-13 00:38:43 Bamboomy

jak zmienić domyślne pozycjonowanie modala w bootstrapie?

Odpowiedz

Powiązane problemy