बूटस्ट्रैप एनवी बार सक्रिय

Question

मैं बूटस्ट्रैप से navbar का उपयोग कर रहा हूं, हालांकि जब भी मैं किसी पृष्ठ शीर्षक पर क्लिक करता हूं, तो navbar यह दिखाने के लिए हाइलाइट नहीं करता है कि मैं उस पृष्ठ पर हूं। उदाहरण के लिए, अगर मैं घर पृष्ठ पर हूँ तो नेवबार इस तरह दिखता है:, अगर मैं About पर क्लिक करें

हालांकि, मैं के बारे में पृष्ठ पर जाने लेकिन नेवबार अभी भी इस तरह दिखता है:

मैं इसे उस पृष्ठ पर हाइलाइट कैसे कर सकता हूं? धन्यवाद

Answer 1

documentation पढ़ें। आपको को li तत्व पर लागू करने की आवश्यकता है जिसे आप सक्रिय करना चाहते हैं। यह स्वचालित रूप से संभाला नहीं जाता है। आपको इसे लागू करने की आवश्यकता है हालांकि आप फिट देखते हैं।

यह या तो एक JQuery समाधान या सर्वर साइड समाधान हो सकता है। आपकी वेबसाइट के निर्माण के तरीके के आधार पर कोई भी कम या ज्यादा उपयुक्त हो सकता है।

Answer 2

मैं MVC4, रेजर और बूटस्ट्रैप उपयोग कर रहा हूँ और से coderwall.com (https://coderwall.com/p/hwtkng)

<li @if (@ViewContext.RouteData.GetRequiredString("controller") == "Home") { @Html.AttributeEncode("class=active");}> 
         @Html.ActionLink("Home", "Index", "Home") 
        </li>