मैं text को navbar के भीतर केंद्रित करने में विफल रहता हूं, और तर्क को मेरी समझ की तलाश करता हूं।

कृपया नीचे प्रयुक्त syntaxes देखें:

   <div>
        <nav class="navbar navbar-inverse navbar-fixed-top" style="height: 20px;">
            <center><p class="navbar-text" style="font-size: 20px;text-align:center">test text 
             alignment</p> 
            </center><br>
        </nav>
    </div>

मैंने कोशिश भी की है

<div class="container-fluid-nav text-center">

बिना किसी सुधार के।

N.B : Bootstrap संस्करण 3.4.1 पर प्राप्त फीडबैक की अत्यधिक सराहना की जाएगी।

अग्रिम में धन्यवाद।

1
dark.vador 21 नवम्बर 2021, 15:44
आपका बूटस्ट्रैप संस्करण क्या है?
 – 
Amir Maghami
21 नवम्बर 2021, 16:03
@AmirMaghami: संस्करण 3.4.1
 – 
dark.vador
21 नवम्बर 2021, 16:08

1 उत्तर

सबसे बढ़िया उत्तर

ऐसा इसलिए है क्योंकि .navbar-text के पास min-width: 768px में float: left संपत्ति है। तो आप इसे none को style में सेट कर सकते हैं।

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

<div>
        <nav class="navbar navbar-inverse justify-content-center navbar-fixed-top" style=""><p class="navbar-text text-center" style="font-size: 20px; float: none;">test text alignment</p>
        </nav>
    </div>
1
Sato Takeru 21 नवम्बर 2021, 17:23
आपके सहयोग के लिए धन्यवाद। हालांकि मैं boostrap_v_3.4.1 का उपयोग कर रहा हूं, मैं आपके जैसे ही परिणाम की उम्मीद कर रहा था। मेरी ओर से कुछ और, इस प्रकार पर्याप्त टैग (टैगों) में संशोधन के बाद text को केंद्रित होने से रोक सकता है।
 – 
dark.vador
21 नवम्बर 2021, 16:06
मैं एक संस्करण समस्या का उल्लेख कर रहा हूं क्योंकि आपका सुझाव संस्करण 3.4.1 के विपरीत बूटस्ट्रैप संस्करण 4.3.1 में अच्छी तरह से काम करता है।
 – 
dark.vador
21 नवम्बर 2021, 16:35
हाँ, संस्करण 5.x का उपयोग कैसे करें?
 – 
Sato Takeru
21 नवम्बर 2021, 16:37
नए संस्करणों में माइग्रेट करने में थोड़ा साइड इफेक्ट (>= 4.3.1): इंटरफेस पर अप्रत्याशित और सीमांत मुद्दों की पीढ़ी। कारण है कि मैंने संस्करण 3.4.1 का उपयोग करना जारी रखा है।
 – 
dark.vador
21 नवम्बर 2021, 16:44
फिर, w-100 text-center वर्ग p टैग का उपयोग कैसे करें?
 – 
Sato Takeru
21 नवम्बर 2021, 16:47