how can move everything except 'tindog' to right side-CodePudding

<nav >
    <a  href="">Tindog</a>
    <button  type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
      aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <span ></span>
    </button>
    <div  id="navbarSupportedContent">
      <ul >
        <li >
          <a  href="">Contact</a>
        </li>

        <li >
          <a  href="">Pricing</a>
        </li>
        <li >
          <a  href="">Download</a>
        </li>
      </ul>
    </div>
  </nav>

how can I move everything except tindog to the right side? here I have used the bootstrap navbar version 4.

CodePudding user response：

Give this a try, adding d-flexto the class

<ul >

If that doesn't work, try it on the surrounding div instead

<div  id="navbarSupportedContent">

CodePudding user response：

Please add bootstrap class justify-content-end in below div.

<div  id="navbarSupportedContent">