2017-04-24 10 views
5

मैंने कई तरीकों से प्रयास किया है। ग्लाइफिकॉन लोड नहीं होता है। मुझे क्या याद आ रहा है या मैं गलती कहां कर रहा हूं? मैं पता कर रहा हूँ अबबूटस्ट्रैप ग्लाइफ़िकॉन प्रदर्शन समस्या

मैं इस जवाब के माध्यम से चला गया: Answer

अभी भी प्रकट नहीं होता आइकन।

और मेरे ब्राउज़र के कंसोल में कोई त्रुटि नहीं है। केवल XHR वापसी की स्थिति के साथ अनुरोध करता है 200

एचटीएमएल:

<!DOCTYPE html> 

<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"/> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <title>@ViewBag.Title</title> 
    <link href="~/AppContent/css/bootstrap.min.css" rel="stylesheet" /> 
    <link href="~/AppContent/css/Custom.css" rel="stylesheet" /> 
    <link rel="icon" href="data:;base64,iVBORw0KGgo="> 

</head> 
<body> 
    <div class="container-fluid"> 

     @*Header*@ 
     <div> 
      <div class="row" style="background-color:blanchedalmond;"> 
       <div class="col-md-4" style="border:2px solid black;"> 
        <h4>APPLICATION</h4> 
       </div> 
       <div class="col-md offset-md-7" style="border:2px solid black;"> 
        <span class="glyphicon glyphicon-arrow-right">|<a href="#">Login</a></span> 
       </div> 
      </div> 
     </div> 

     @*Left panel*@ 
     <div> 

     </div> 

     @*Body*@ 
     <div> 
      @RenderBody() 
     </div> 

     @*Right Panel*@ 
     <div> 

     </div> 
    </div> 
    <script src="~/AppContent/js/jquery-3.2.1.min.js"></script> 
    <script src="~/AppContent/js/tether.min.js"></script> 
    <script src="~/AppContent/js/bootstrap.min.js"></script> 
</body> 
</html> 

और यह मेरा फ़ोल्डर संरचना है:

enter image description here

मैं मदद की सराहना करेंगे, धन्यवाद :) पी.एस.: मैं बूटस्ट्रैप के प्रारंभिक स्तर पर मैं हूँ।

उत्तर

3

की वजह से त्रुटि लगता है फ़ोल्डर संरचना:

enter image description here

सूचकांक पृष्ठ में

अटैच किया जा रहा बाहरी फ़ाइलें:

enter image description here

अपने फ़ोल्डर संरचना की जाँच करें। Index.html फ़ाइल में दिखाए गए सीएसएस, स्क्रिप्ट को जोड़ने की संरचना का पालन करें।

मैंने स्क्रीनशॉट संलग्न किया।

"~" चिह्न और अपने रूट फ़ोल्डर का नाम i.e. AppContent हटाएं।

+0

ब्रो, क्या आप मुझे निर्देशिका संरचना को सही तरीके से प्रदान कर सकते हैं, मैं आपके द्वारा उपयोग किए जा रहे आईडीई पर समझने में असमर्थ हूं, साथ ही, स्क्रिप्ट फ़ाइलों को फ़ोल्डर्स से लिंक करने का तरीका भी प्रदान करता हूं। अरे, कभी नहीं सोचा था कि यह स्थापना मेरे तंत्रिकाओं पर हो सकती है :( – ARr0w

+0

मैंने छवियों को अद्यतन किया है। कृपया आगे बढ़ें .. – seven

1

तुम गलत लिखा है HTML Glyphicon के लिए, आप कोड

<a href="#"><span class="glyphicon glyphicon-arrow-right"></span>Login</a> 
+0

मैंने आपके एचटीएमएल कोड की कोशिश की, अभी भी ग्लाइफिकॉन प्रदर्शित नहीं किया। – ARr0w

+0

क्या आप इसके लिए कामकाजी पहेली साझा कर सकते हैं, इसलिए हम आपकी समस्या को हल कर सकते हैं –

+0

http://jsbin.com/sovudamibo/edit?html,output ... उपर्युक्त लिंक में, मैंने सीएसएस और जावास्क्रिप्ट के स्थानीय पते को ऑनलाइन से बदल दिया सीएसएस और जावास्क्रिप्ट फ़ाइलों के लिंक, आइकन वहां दिखाई दे रहा है। लेकिन मेरे स्थानीय में नहीं। क्या मेरे पास गलत बूटस्ट्रैप फाइलें हैं? : एस – ARr0w

2

Your error solved here निम्नलिखित के साथ अपने HTML अद्यतन कर सकते हैं, मैं बूटस्ट्रैप पुस्तकालय की गलती है कि आप शामिल

.... 
+0

ठीक है, शांत, मुझे पुस्तकालय बदलने की कोशिश करें। – ARr0w

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