मैं बूटस्ट्रैप के साथ पकड़ने और कम सफलता प्राप्त करने की कोशिश कर रहा हूं। मैं बस के रूप में वेब पेज केवल से प्रतियां का उपयोग कर एक स्थानीय इस टेम्पलेट काबूटस्ट्रैप ड्रॉपडाउन मेनू काम नहीं कर रहा है (क्लिक किए जाने पर नीचे नहीं गिर रहा है)
http://getbootstrap.com/examples/jumbotron/
मैं एक html पृष्ठ में सीधे एचटीएमएल की नकल की है काम कर संस्करण प्राप्त करने की कोशिश कर रहा हूँ और उसी क्रम में CSS और JS फ़ाइलों संदर्भित मेरी मशीन पर नवीनतम डाउनलोड। हालांकि कुछ भी नहीं होता है जब ड्रॉपडाउन के बगल में तीर क्लिक किया जाता है (यानी कोई मेनू प्रकट नहीं होता है)
मैंने कोड को जेएसफ़िल्ड में पुन: पेश करने का प्रयास किया है, लेकिन यह भी बदतर है और मेनू को बिल्कुल ठीक से प्रदर्शित नहीं करता है। http://jsfiddle.net/andieje/kRX6n/
यहां मेरा पृष्ठ का आउटपुट है। मैं भी शामिल लटकती भी जे एस
<!DOCTYPE html>
<html>
<head><title>
Untitled Page
</title><link href="styles/bootstrap.css" rel="stylesheet" />
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="JavaScript/html5shiv.js"></script>
<script src="JavaScript/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Project name</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li class="dropdown-header">Nav header</li>
<li><a href="#">Separated link</a></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-right">
<div class="form-group">
<input type="text" placeholder="Email" class="form-control">
</div>
<div class="form-group">
<input type="password" placeholder="Password" class="form-control">
</div>
<button type="submit" class="btn btn-success">Sign in</button>
</form>
</div><!--/.navbar-collapse -->
</div>
</div>
<script type="text/javascript" src="JavaScript/jquery.js" />
<script type="text/javascript" src="JavaScript/bootstrap-min.js" />
<script type="text/javascript" src="JavaScript/bootstrap-dropdown.js" />
</body>
</html>
मैं भी इस कोड को जोड़ने की कोशिश की लेकिन कोई लाभ नहीं हुआ
<script type="text/javascript">
$(document).ready(function() {
$('.dropdown-toggle').dropdown();
});
</script>
क्या आप वाकई 'bootstrap.min.js' फ़ाइल अवधि और नहीं एक पानी का छींटा का उपयोग नहीं कर रहे हैं? मैं अभी स्रोत देख रहा हूं, और इसकी अवधि का उपयोग कर रहा हूं। – Kristian
हाय - मेरी फ़ाइल को डैश के साथ नामित किया गया है और अवधि नहीं है। धन्यवाद – user2274191