navigation bar is not displaying after upgrading content cssltnav class34navbar navbarinserse34gt ltdiv class34containerfluid34gt ltdiv class34navbarheader34gt ltbutton type34button34 class34navbartoggler34 datatoggle34collapse34 datatarget34mynavbar34gt ltspan class34iconbar34gtltspangt ltspan class34iconbar34gtltspangt lt

Hi azishan91Refer below codeHTMLltlink rel34stylesheet34 href34httpscdnjsdelivrnetnpmbootstrap462distcssbootstrapmincss34gtltscript src34httpscdnjsdelivrnetnpmjquery361distjqueryslimminjs34gtltscriptgtltscript src34httpscdnjsdelivrnetnpmpopperjs1161distumdpopperminjs34gtltscriptgtltscript src34httpscdnjsdelivrnetnpmbootstrap462distjsbootstrapbundleminjs34gtltscriptgtltdiv class34containerfluid34gt ltdiv class34navbarheader34gt ltnav class34navbar navbarexpandlg navbarlight bglight34gt ltbutton class34navbartoggler navbartogglerright34 type34button34 datatoggle34collapse34 datatarget34mynavbar34 ariacontrols34mynavbar34 ariaexpanded34false34 arialabel34Toggle navigation34gt ltspan class34navbartogglericon34gtl

Bootstrap Navigation (Nav) bar is not displaying in ASP.Net

azishan9...

SOLVED CLOSED ACTIVE ANSWERED
User: azishan91
Posted: on Nov 29, 2022 09:51 PM
Forum: ASP.Net Web Forms
Answer: 1
Views: 1411

navigation bar is not displaying, after upgrading content css

<nav class="navbar navbar-inserse">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#mynavbar">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">CB Funtion</a>
 
            <div class="collapsing navbar-collapse" id="myNavbar">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#">Home</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Contect</a></li>
                    <li><a href="#">Blog</a></li>
                    <li><a href="#">Prodect</a></li>
                </ul>
                <ul class="nav navbar-nav navbar-light">
                    <li><a href="#"><span class="glyphicon glyphicon-log-in"></span>Login</a></li>
                </ul>
            </div>
        </div>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.1/dist/jquery.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>

Download FREE API for Word, Excel and PDF in ASP.Net

dharmend...

0 3

Reply
ANSWER
User: dharmendr
Replied: on Nov 30, 2022 03:54 AM
Report

Hi azishan91,

Refer below code.

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.1/dist/jquery.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
<div class="container-fluid">
    <div class="navbar-header">
        <nav class="navbar navbar-expand-lg navbar-light bg-light">
            <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#mynavbar" aria-controls="mynavbar" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <a class="navbar-brand" href="#">CB Funtion</a>
            <div class="collapse navbar-collapse" id="mynavbar">
                <ul class="navbar-nav">
                    <li class="nav-item active"><a class="nav-link" href="#">Home</a></li>
                    <li class="nav-item"><a class="nav-link" href="#">About</a></li>
                    <li class="nav-item"><a class="nav-link" href="#">Contect</a></li>
                    <li class="nav-item"><a class="nav-link" href="#">Blog</a></li>
                    <li class="nav-item"><a class="nav-link" href="#">Product</a></li>
                </ul>
                <ul class="navbar-nav navbar-light">
                    <li class="nav-item"><a class="nav-link" href="#"><span class="glyphicon glyphicon-log-in"></span>Login</a></li>
                </ul>
            </div>
        </nav>
    </div>
</div>

Demo

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Bootstrap Navigation (Nav) bar is not displaying in ASP.Net

Company

Explore

Follow us

Contact Us