बूटस्ट्रैप 3 मोडल एक पारदर्शी पृष्ठभूमि

मैं बूटस्ट्रैप 3.2 के साथ एक साधारण HTML बनाया पता चलता है:बूटस्ट्रैप 3 मोडल एक पारदर्शी पृष्ठभूमि

<body> 
    <div> 
     <a class="btn" href="#frmLogin" data-toggle="modal">login</a> 
    </div> 

    <div class="modal fade" id="frmLogin" role="dialog"> 
     <div class="modal-dialog"> 
      <div class="modal-content>"> 
       <div class="modal-header"> 
        <a class="btn" data-dismiss="modal">×</a> 
        <h3 id="modalTitle">Login</h3> 
       </div> 

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

लेकिन मोडल सही ढंग से प्रदर्शित नहीं करता है।

बेला लिंक: http://jsfiddle.net/jsmLxhv9/1/

स्रोत

2014-10-04 Saeed Mousavi

इसे आजमाएं http://jsfiddle.net/jsmLxhv9/2/ –

बहुत बहुत धन्यवाद, यह काम करता है, हालांकि मुझे नहीं पता था कि मेरे कोड को काम करने के लिए क्या बनाया गया है? –

<body> 
    <!-- Button trigger modal --> 
<button class="btn" data-toggle="modal" data-target="#myModal"> 
    Login 
</button> 

<!-- Modal --> 
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> 
     <h4 class="modal-title" id="myModalLabel">Modal title</h4> 
     </div> 
     <div class="modal-body"> 
     ... 
     </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> 
</body>

स्रोत

2014-10-04 12:49:58

मैं यहाँ पार्टी के लिए देर से एक छोटे से हूँ, लेकिन मैं एक ही मुद्दा है, जो मुझे इस पोस्ट करने के लिए नेतृत्व किया था। पोस्ट कोड के साथ मुद्दा यह है कि

<div class="modal-content>">

<div class="modal-content">

उसके अलावा, यह ठीक काम करता है हो सकता है की जरूरत है। इसे यहां देखें: http://jsfiddle.net/hjqo17dq/

स्रोत

2014-10-28 19:46:04 jeffproe

मुझे अंतर नहीं दिख रहा है। – Emmy

पहले के उद्धरण के अंदर एक अतिरिक्त> अतिरिक्त है। – jeffproe

धन्यवाद! मैंने उसे नहीं देखा। मैंने अपना मोडल काम भी बनाया। – Emmy

बूटस्ट्रैप 3 मोडल एक पारदर्शी पृष्ठभूमि

उत्तर

संबंधित मुद्दे