title: bootstrap - position absolute, move button to right
body: <p>I was working on a landing page but I got a problem, cant move the collapse button from left to right. One of the problems is position-absolute. I don't wanna remove it but I don't know any replacement for that. Could someone help me?</p>
  <pre><code>&lt;div class=&quot;h-100&quot;&gt;
      &lt;video id=&quot;videolayout&quot; autoplay muted loop&gt;
          &lt;source src=&quot;resources/vid.mp4&quot; type=&quot;video/mp4&quot;&gt;
      &lt;/video&gt;
  
      &lt;nav class=&quot;navbar navbar-expand-sm navbar-dark position-absolute&quot;&gt;
          &lt;button class=&quot;navbar-toggler ml-auto float-right&quot; type=&quot;button&quot; data-toggle=&quot;collapse&quot; data-target=&quot;#navbarText&quot;
          aria-controls=&quot;navbarText&quot; aria-expanded=&quot;false&quot; aria-label=&quot;Toggle navigation&quot;&gt;
              &lt;span class=&quot;navbar-toggler-icon&quot;&gt;&lt;/span&gt;
          &lt;/button&gt; &lt;!-- button I got problem with --&gt;
          &lt;div class=&quot;collapse navbar-collapse&quot; id=&quot;navbarText&quot;&gt;
              &lt;ul class=&quot;navbar-nav mx-2&quot;&gt;
                  &lt;!-- just list items --&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/nav&gt;
  
      &lt;div class=&quot;container text-white h-100&quot;&gt;
          &lt;div class=&quot;row align-items-center h-100&quot;&gt;
              &lt;div class=&quot;col text-center&quot;&gt;
                  &lt;h3 class=&quot;font-weight-bold&quot;&gt;h3 test&lt;/h3&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  html, body{ //css
      height: 100%;
  }
  
  #videolayout{
      right: 0;
      bottom: 0;
      min-width: 100%;
      min-height: 100%;
      position: absolute;
  }
  </code></pre>