<nav class="navbar navbar-expand-md navbar-dark navbar-transparent fixed-top sticky-navigation" id="lambda-navbar">
    <div class="header"><img src="images/ssn_logo.png" alt="logo" style="max-width: 15%;position:absolute;left:2.5%;"/><h1></h1></div>
    <a class="navbar-brand" href="index.html"></a>

    <button class="navbar-toggler navbar-toggler-right border-0" type="button" data-toggle="collapse"
            data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false"
            aria-label="Toggle navigation">
        <span data-feather="menu"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarCollapse">
        <ul class="navbar-nav ml-auto">

        </ul>
        <form class="form-inline">

        </form>
    </div>
</nav>

मैं इसे मोबाइल दृश्य में नहीं बना सकता। अगर मैं इसे उत्तरदायी बनाने की कोशिश करता हूं, तो मोबाइल दृश्य में नावबार दिखाई नहीं दे रहा है।

1
Sudhakar J 25 सितंबर 2019, 16:27

2 जवाब

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

यदि आप नहीं चाहते कि आपका नेविगेशन मोबाइल पर ध्वस्त हो जाए तो बस navbar-toggler बटन और collapse navbar-collapse कक्षाएं हटा दें ताकि आपका नेविगेशन दिखाई दे।

0
Furkan Poyraz 25 सितंबर 2019, 13:47

मोबाइल दृश्य में नेविगेशन बार में एक संक्षिप्त वर्ग जोड़ा जाता है जो डिस्प्ले सेट करता है: कोई नहीं। यह केवल 768px से ऊपर ओवरराइड हो जाता है, यही वजह है कि यह छोटी स्क्रीन में छिपा हुआ है

  @media (min-width: 768px)
.navbar-expand-md .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    
    
    
 .collapse {
    display: none;
}
0
Nithin Thampi 25 सितंबर 2019, 13:34