Why is my navbar is not showing up?

Please copy-paste your code instead of posting a screenshot. Thanks.

Also, please provide more of a description of what’s going on and what you’ve tried. Thanks

I tried copy-pasting my code, but it said I was too new and had too many links

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').


Alternatively, you can post a link to GitHub or CodePen or similar.

<!DOCTYPE html>
<html>
    <link href="style.css" rel="stylesheet"> 
    <body>
        <header>
            <div>
                <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
                    <div class="container-fluid">
                        <a class="navbar-brand" href="#">North Fulton Neurology</a>
                        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                        </button>
                        <div class="collapse navbar-collapse" id="navbarCollapse">
                        <ul class="navbar-nav me-auto mb-2 mb-md-0">
                            <li class="nav-item">
                            <a class="nav-link active" href="index.html">Home</a>
                            </li>
                            <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="services.html" role="button" data-bs-toggle="dropdown">Services</a>
                            <ul class="dropdown-menu">
                                <li><a class="dropdown-item" href="Neurology.html">Neurology</a></li>
                                <li><a class="dropdown-item" href="ST.html">Speech Therapy</a></li>
                                <li><a class="dropdown-item" href="CR.html">Cognitive Rehabilitation</a></li>
                                <li><a class="dropdown-item" href="Sleep.html">Sleep Medicine</a></li>
                                <li><a class="dropdown-item" href="IOM.html">Intraoperative Monitoring</a></li>
                            </ul>
                        </li>

What version of Bootstrap are you using? Did you add the JS?

Does using this work for you?

https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js

The alpha should work as well.

https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js

The navbar-toggler isn’t working for me either. I have confirmed correct css and js files.
The hamburger isn’t showing on the bootstrap 5.2 website for me! Any idea why? Thanks.

Without seeing all the code (repo, Codepen, whatever) we can not help.

You will not see the hamburger menu unless your screen size is small enough for it to trigger. Try using the dev tools.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.