बूटस्ट्रैप संकुचित काम नहीं कर रहा

मैं बूटस्ट्रैप का उपयोग कर एक ढहने योग्य घटक बनाने की कोशिश कर रहा हूं। मेरे कोड इसबूटस्ट्रैप संकुचित काम नहीं कर रहा

<html> 
<head> 

    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> 
    <script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> 


</head> 
<body> 

<div class="panel-group" id="accordion"> 
<div class="panel panel-default"> 
<div class="panel-heading"> 
    <h4 class="panel-title"> 
    <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> 
     Collapsible Group Item #1 
    </a> 
    </h4> 
</div> 
<div id="collapseOne" class="panel-collapse collapse in"> 
    <div class="panel-body"> 
    Anim pariatur cliche reprehenderit 
    </div> 
</div> 
</div> 
</div> 

</body> 
</html>

जब क्लिक वर्ग "पैनल शरीर" में आइटम पतन चाहिए, लेकिन यह वहाँ क्लिक का कोई प्रभाव नहीं है करता है "संक्षिप्त समूह मद # 1"। मैंने इस कोड को सीधे बूटस्ट्रैप दस्तावेज़ से कॉपी किया है, फिर भी यह काम नहीं करता है। क्या कोई यह समझ सकता है कि समस्या क्या है?

स्रोत

2014-04-09 poshanniraula

jQuery आवश्यक है ;-)

DEMO

<html> 
<head> 
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> 
    <!-- THIS LINE --> 
    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
    <script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> 
</head> 
<body> 

<div class="panel-group" id="accordion"> 
    <div class="panel panel-default"> 
     <div class="panel-heading"> 
      <h4 class="panel-title"> 
       <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> 
        Collapsible Group Item #1 
       </a> 
      </h4> 
     </div> 
     <div id="collapseOne" class="panel-collapse collapse in"> 
      <div class="panel-body"> 
       Anim pariatur cliche reprehenderit 
      </div> 
     </div> 
    </div> 
</div> 

</body> 
</html>

स्रोत

2014-04-09 07:46:24 MaiKaY

कोई विचार क्यों यह फ़ंक्शन https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js के साथ काम नहीं करेगा? – cbarg

bootstrap.js jQuery पुस्तकालय उपयोग कर रहा है, ताकि आप बूटस्ट्रैप js से पहले jQuery लाइब्रेरी को जोड़ना होगा।

तो जैसे

नोट यह jQuery पुस्तकालय जोड़ें: js फ़ाइल की व्यवस्था बनाए रखने के लिए कृपया। संकलन

<head> 
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> 
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
    <script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> 
</head>

स्रोत

2014-04-09 07:51:48

के लिए नीचे दृष्टिकोण के लिए html पृष्ठ उपयोग शीर्ष आप की जरूरत है jQuery देख बूटस्ट्रैप के basic template

स्रोत

2014-04-09 07:53:02 Ashkan

jQuery जोड़ें और jQuery के लिए यकीन है कि केवल एक लिंक बनाने के एक से अधिक काम नहीं करता है कारण ...

स्रोत

2014-04-09 07:55:54 Terabyte

-1

शायद आपका मोबाइल व्यू पोर्ट सेट नहीं है। मोबाइल पर काम करने की अनुमति देने के लिए <head></head> के अंदर निम्नलिखित मेटा टैग जोड़ें।

<meta name=viewport content="width=device-width, initial-scale=1">

स्रोत

2016-07-26 03:57:18

बूटस्ट्रैप संकुचित काम नहीं कर रहा

उत्तर

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