ट्विटर बूटस्ट्रैप मॉडल अंधेरा है?

मेरे सभी बूटस्ट्रैप कोड मोडल को छोड़कर काम कर रहे हैं। मॉडल दिखाता है, लेकिन पूरी स्क्रीन अंधेरा है। यही है, मोडल ग्रे के पीछे "पीछे" लगता है।ट्विटर बूटस्ट्रैप मॉडल अंधेरा है?

<link href="assets/css/bootstrap.css" rel="stylesheet"> 
    <link href="assets/css/bootstrap-responsive.css" rel="stylesheet"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
    <script src="assets/js/bootstrap.js"></script> 

    <a href="#myModal" data-toggle="modal">Login</a> 

    <div id="myModal" class="modal hide fade in" aria-hidden="true"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal">X</button> 
      <h3 id="myModalLabel">Log in</h3> 
     </div> 
     <div class="modal-body"> 
     <p> 
      <form class="modal-form" id="loginform" > 
       <input type="text" name="username" placeholder="login" id="username"> 
       <input type="text" name="password" placeholder="password" id="userpassword"> 
      </form> 
      </p> 
     </div> 
     <div class="modal-footer"> 
      <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> 
      <button class="btn btn-success">Login</button> 
     </div> 
    </div>

स्रोत

2012-12-31 user1935559

मैं वास्तव में समस्या को समझ नहीं पा रहा हूं?

मैंने बस jsfiddle में अपना कोड आजमाया: http://jsfiddle.net/zFHAJ/ और सब ठीक काम करने लगता है?

<!DOCTYPE html> 
<html> 
    <head> 
     <link href="http://moi007.dyndns.org/igestis/theme/iabsis_v2//css/bootstrap.css?2.0-4" rel="stylesheet"> 
    <link href="http://moi007.dyndns.org/igestis/theme/iabsis_v2//css/bootstrap-responsive.css" rel="stylesheet"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
    <script src="http://moi007.dyndns.org/igestis/theme/iabsis_v2//js/bootstrap.js?2.0-4"></script> 
    </head> 
    <body> 


    <div id="myModal" class="modal hide fade in" aria-hidden="true"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal">X</button> 
      <h3 id="myModalLabel">Log in</h3> 
     </div> 
     <div class="modal-body"> 
      <form class="modal-form" id="loginform" > 
       <input type="text" name="username" placeholder="login" id="username"> 
       <input type="text" name="password" placeholder="password" id="userpassword"> 
      </form> 
     </div> 
     <div class="modal-footer"> 
      <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> 
      <button class="btn btn-success">Login</button> 
     </div> 
    </div> 

     <a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a> 
</body> 
</html>

हो सकता है कि आपको लगता है कि बूटस्ट्रैप एक परस्पर विरोधी कुछ अन्य कस्टम सीएसएस है?

स्रोत

2012-12-31 08:35:40

सभी बूटस्ट्रैप सीएसएस और जेएस को फिर से लोड किया गया ... समस्या को ठीक करना प्रतीत होता था। – user1935559

यह मेरे साथ भी हुआ। मोडल होने का कारण 'बॉडी' का प्रत्यक्ष बच्चा नहीं था, लेकिन पदानुक्रम में काफी गहरा था। –

धन्यवाद, @ पीटरसंकौस्क, जिसने मेरी मदद की। – jrhorn424

ऐसा लगता है कि इस स्क्रिप्ट से पहले

</body>

सही </head>

<script type="text/javascript"> 
$(function() { 
    $("#myModal").modal({show:false}); 
}); 
</script>

स्रोत

2013-01-07 09:18:21 LokiLust

जगह से पहले bootstrap.js या bootstrap.min.js जोड़ने की जरूरत

स्रोत

2015-03-25 05:23:44 user2592890

ट्विटर बूटस्ट्रैप मॉडल अंधेरा है?

उत्तर

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