2012-09-10 17 views
7

मैं शायद काफी छोटा और यह मेरे निराशाजनक है के रूप में मैं यहाँ कुछ घंटों के लिए बैठे कर दिया है अब यह बाहर काम करने की कोशिश कर कुछ याद आ रही है। Navbar जावास्क्रिप्ट से लिंक नहीं होगा। बटन तब प्रकट होता है जब विंडो सही ढंग से आकार बदलती है हालांकि क्लिक किए जाने पर मेनू को पतन नहीं किया जाएगा।बूटस्ट्रैप उत्तरदायी एनएवी बार

मेरी हैडर में मेरे लिंक पर त्वरित देखो (बस मामले में वे गलत क्रम में हैं)

<link rel="stylesheet" href="/assets/css/bootstrap.css"> 
<link rel="stylesheet" href="/assets/css/bootstrap-responsive.css"> 
<link rel="stylesheet" href="/assets/css/style.css?v=2"> 

<script src="/assets/js/bootstrap.js"></script> 
<script src="/assets/js/bootstrap.min.js"></script> 
<!-BootStrap--><script src="/assets/js/jquery-1.7.1.min.js"></script> 
<script src="/assets/js/jquery.validate.min.js"></script> 
<script src="/assets/js/script.js"></script> 
<script src="/assets/js/bootstrap-fileupload.js"></script> 

मेरी एचटीएमएल पर त्वरित देखो -

<div class="navbar navbar-fixed-top"> 
    <div class="navbar-inner"> 
    <div class="container"> 
    <!--<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">--> 
    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </a> 
    <div class="span4"> 
     <a href="{site_url}" title="People Team"> 
     <img src="/assets/img/logo.png" alt="People Team Logo" /> 
     </a> 
    </div> 
    <nav> 
     <div class="nav-collapse"> 
     <ul class="nav"> 
     <li{if segment_1 == ""} class="active"{/if}> 
      <a href="/" title="Home">Home</a> 
     </li> 
     <li{if segment_1 == "services"} {/if}> 
      <a href="/services" title="Contact People Team">Services</a> 
     </li> 
     <li{if segment_1 == "about"} {/if}> 
      <a href="/about" title="About People Team">About the team</a> 
     </li> 
     <li{if segment_1 == "contact"} {/if}> 
      <a href="/contact" title="Contact People Team">Contact Us</a> 
     </li> 
     </ul> 
    </div> 

मैं ग्रहण जावास्क्रिप्ट के भीतर है Bootstrap.min.js या Bootstrap.js फ़ाइलें जो काम करने के लिए navbar के लिए आवश्यक हैं। मैं बस स्टंप के बारे में हूँ। किसी भी सहायता की सराहना की जाएगी।

चीयर्स,

उत्तर

5

बदलें आदेश है कि। JQuery में अपने जे एस लोड पहले, बूटस्ट्रैप प्लगइन्स दूसरा।

<script src="/assets/js/jquery-1.7.1.min.js"></script> 
<script src="/assets/js/bootstrap.js"></script> -- remove, as it is not really needed when including the minified version 
<script src="/assets/js/bootstrap.min.js"></script> 
+2

आप एक lifesaver हैं। मदद के लिए आपका बहुत बहुत धन्यवाद! – user1658953

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