बूटस्ट्रैप मॉडल चौड़ाई कैसे बढ़ाएं?

Question

मैं इस कोशिश की, लेकिन गलत चले गए

यहाँ सीएसएस

body .modal-ku { 
width: 750px; 
} 

है विफल रही है परिणाम

Answer 1

अपने कोड में है और यहाँ, modal-dialog div के लिए, किसी अन्य वर्ग को जोड़ने , modal-lg:

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

या यदि आप अपने मॉडल संवाद, उपयोग केंद्र चाहता हूँ:

.modal-ku { 
    width: 750px; 
    margin: auto; 
} 

Answer 2

बूटस्ट्रैप 3 में आप मोडल-संवाद को बदलने की जरूरत। तो इस मामले में आप उस स्थान पर क्लास मोडल-एडमिन जोड़ सकते हैं जहां मोडल-डायलॉग खड़ा होता है।

@media (min-width: 768px) { 
 
    .modal-dialog { 
 
    width: 600; 
 
    margin: 30px auto; 
 
    } 
 
    .modal-content { 
 
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); 
 
      box-shadow: 0 5px 15px rgba(0, 0, 0, .5); 
 
    } 
 
    .modal-sm { 
 
    width: 300px; 
 
    } 
 
}

Answer 3

.your_modal { 
    width: 800px; 
    margin-left: -400px; 
} 

मार्जिन छोड़ के मूल्य मॉडल की चौड़ाई का आधा है। के बाद से यह वर्ग .modal-lg .modal-sm

Answer 4

esiest रास्ता modal-dialog div पर इनलाइन शैली हो सकता है नहीं है मैं मारुति व्यवस्थापक विषय के साथ इस का उपयोग कर रहा:

<div class="modal" id="myModal"> 
    <div class="modal-dialog" style="width:1250px;"> 
     <div class="modal-content"> 
      ... 

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

Answer 5

मुझे लगता है यह अधिकतम-चौड़ाई के कारण होता है 500px पर सेट किया गया एक मॉडल और मॉडल-एलजी की अधिकतम-चौड़ाई 800px है, मुझे लगता है कि इसे ऑटो पर सेट करने से आपके मॉडल उत्तरदायी