css - Justify menu in Bootstrap 3 navbar -


इस सवाल का पहले से ही एक उत्तर है: < / P>

  • 9 जवाब

    मैं मेनू का औचित्य नहीं कर सकता बूटस्ट्रैप के बिना साइट पर बूटस्ट्रैप 3 में नियमित text-align: justify और डिस्प्ले: इनलाइन-ब्लॉक , लेकिन सब कुछ ठीक है।

    1. बूटस्ट्रैप के बिना साइट () मेन्यू में यह संरचना है:

        .sd-menu â ???? उल एक ???? ए???? ली â ???? ए???? ली ... एक ???? ए???? ली â ???? ए???? उल: के बाद     

      और यह शैली:

        .sd-menu {width: 100%; } .sd-menu ul {list-style: none; पाठ संरेखित करें: जस्टिफाय; } .sd-menu ul li {display: inline-block; } .sd-menu ul: after {content: ''; प्रदर्शन: इनलाइन-ब्लॉक; चौड़ाई: 100%; }   

      और सब कुछ महान काम करता है!

      1. बूटस्ट्रैप के साथ साइट () मेनू में यह संरचना है:

          .navbar एक ???? Ul.navbar-nav â ???? ए???? ली â ???? ए???? ली ... एक ???? ए???? ली â ???? ए???? .navbar-nav: after     

        और यह शैली (बूटस्ट्रैप शैलियों के लिए केवल गैर मानक दिखाया गया है):

          .navbar-nav {text-align: justify; & Gt; ली {प्रदर्शन: इनलाइन-ब्लॉक; }} .navbar-nav: {content: ''; चौड़ाई: 100%; प्रदर्शन: इनलाइन-ब्लॉक; }   

        और यह काम नहीं करता! क्या आप मेरी मदद कर सकते हैं?

        आप navbar-nav को बदलने की कोशिश कर सकते हैं नेवि-उचित :

          & lt; ul class = "nav nav-justified" & gt; & Lt; li & gt; & lt; a href = "/ समाचार" & gt; Ð ?? овÐÑÑÑ ?? Ñ ?? ¸¸¸ & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = "/ वीडियो" & gt; Ð ?? иÐ'Ðμо & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = "/ ग्रंथ" & gt; Ð ¢ ÐμкÑÑ ?? Ñ ?? Ñ ?? & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = "/ फोटो" & gt; Ð Ð Ð Ñ? Ð Ð Ð & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = "/ के बारे में" & gt; Ð ?? Ð³Ñ ?? Ñ ?? ппÐμ & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = "/ संगीत" & gt; Ð ?? Ñ ?? Ð¿Ð¸Ñ ?? Ñ ?? Ð¼Ñ ?? Ð · Ñ ?? ÐºÑ ?? & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = "http://shop.staceydogs.ru/" & gt; Ð ?? Ð ° гР° Ð · и½ आधा & lt; / a & gt; & lt; / li & gt; & Lt; / ul & gt;   

        बूटस्ट्रैप के अंतर्निहित nav-justified का उदाहरण यहां मिल सकता है:

        ओटी: आपको लगता है कि अनावश्यक navbar- संबंधित है अपने तत्वों में कक्षाएं उदा।

          & lt; header class = "nav navbar navbar-default navbar-static-top" भूमिका = "नेविगेशन" & gt;   

        मेरा सुझाव है कि आप उदाहरण के स्रोत कोड की जांच करेंगे और तदनुसार अपने मार्कअप को ठीक कर देंगे।

Comments

Popular posts from this blog

ios - Adding an SKSpriteNode to SKScene from a child SKSpriteNode -

Matlab transpose a table vector -

c# - Textbox not clickable but editable -