How to get Navbar elements right?

[![

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
  </head>
  <body>
    <nav class="nav navbar-default navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <a href="#" class="navbar-brand">Company</a>

          <ul class="nav navbar-nav">
            <li><a href="#">Item One</a></li>
            <li><a href="#">Item Two</a></li>

          </ul>

          <ul class="nav navbar-nav navbar-right">
            <li><a href="#">On the right</a></li>
          </ul>

        </div>
        </div>
      </nav>
      
  </body>
</html>

]1]1.

I want the ‘right side’ on the right hand but also after using. "nav navbar-nav navbar-right" I can’t do this. Can anyone tell me how to do this? New learner here. Thanks for your help

Write a Comment

Your email address will not be published. Required fields are marked *