ट्विटर बूटस्ट्रैप: नवबार में पाठ

Question

ट्विटर बूटस्ट्रैप प्रलेखन के अनुसार , मुझे " <p>उचित अग्रणी और रंग के लिए एक टैग में पाठ के तारों को लपेटने में सक्षम होना चाहिए ।" जब मैं ऐसा करता हूं, तो navbarइसके तहत किसी भी स्तर पर बस किसी भी navbarवर्ग को विरासत में नहीं मिलता है । <a>टैग में स्ट्रिंग लपेटना इसे प्रस्तुत करता है, लेकिन यह एक लंगर नहीं होना चाहिए।

मैं जो रेंडर करने की कोशिश कर रहा हूं वह है "Logged in as ... "।

Answer 1

आपको pअपने नवाब के अंदर अपने टैग के साथ एक वर्ग शामिल करना होगा , जैसे:

<p class="navbar-text">Logged in as</p> 

Comments

@capncaveman ने ट्विटर के लोगों को उस अजीब को शामिल नहीं किया, लेकिन आप इसे उनके पेज उदाहरणों पर देख सकते हैं।

— एंड्रेस इलिच

इसके लायक क्या है, मुझे <p class="nav navbar-text">सही फॉर्मेटिंग प्राप्त करने के लिए उपयोग करना था ।

— eaj

उसके लिए धन्यवाद! FYI करें @eaj w / 3.3.6 मुझे ज़रूरत नहीं थी ।nav प्रश्न: क्या मानक बूटस्ट्रैप क्लास है जो चयन से <p> पाठ को अक्षम करता है?

— मैथ्यू कॉर्नेल

@MatthewCornell कोई भी नहीं है जो मैं जानता हूं, लेकिन आप ::selectionपृष्ठभूमि के रंग को स्टाइल करके और cursorहोवर पर डिफ़ॉल्ट रूप से संपत्ति को रीसेट करने के लिए इसे "नकली" कर सकते हैं, जैसे cursor: default;।

— एंड्रेस इलिच

Answer 2

यह 2799 अंक में तय किया गया था ।

Answer 3

मुझे <span class="navbar-text">एंकर टैग के साथ प्रारूप के स्तर के लिए जोड़ना था ।

Answer 4

इन उत्तरों या टिप्पणियों में से कोई भी मेरे लिए काम नहीं किया (नवीनतम एक 6+ वर्ष पुराना था), लेकिन मेरे लिए जो काम किया वह निम्नलिखित था:

1. मुझे <span>टैग का उपयोग करना था , नहीं<p>
2. मुझे "nav-item"अपने सूची तत्व पर ही कक्षा को शामिल करना था

मेरा अंतिम काम कोड इस तरह दिखता है:

<li class="nav-item"><span class="navbar-text"><h5>{{first_name}}</h5></span></li>

इसके लिए मेरा शब्द लें, लेकिन नीचे दिए गए शब्द "सैली" को हॉवर किए जाने पर हाइपरलिंक में नहीं बदला जाता है।