how to change position of the list in the navbar

Question

So I'm really new and taking this class on Udemy; but the navigation bar isn't working even though I am straight up copying the instructor at this point.

What I want it to do is that to list the list on the right side of the creen, which isn't happening.

<nav class="navbar bg-dark navbar-expand-lg navbar-dark">
        <a class="navbar-brand" href="">Tindog</a>
         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarTogglerDemo02">
        <ul class="navbar-nav ml-auto">
            <li class="nav-item">
                <a class="nav-link" href="">Contact</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="">Pricing</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="">Download</a>
            </li>
        </ul>
     </div>
    </nav>

Does this answer your question? [Order columns through Bootstrap4](https://stackoverflow.com/questions/37814508/order-columns-through-bootstrap4) — emre-ozgun, Dec 12 '21 at 19:49

Satyam Saurabh · Answer 1 · 2021-12-12T20:18:15.930

0

I think your code is working fine here

Please Check if you are using the correct CDN or version

edited Dec 12 '21 at 20:18

answered Dec 12 '21 at 19:58

Satyam Saurabh

488
4
16

thank you. the instructor uses Bootstrap4.0 where as I have installed Bootstrap5.0 . Could that be the problem? – moj_jom Dec 12 '21 at 20:02
Yes, that's would be the cause of problem, I checked it with bootstrap ^4.0 and it works fine – Satyam Saurabh Dec 12 '21 at 20:17
You can mark the answer as correct! Thanks :) – Satyam Saurabh Dec 13 '21 at 05:13

how to change position of the list in the navbar

1 Answers1