How to make a popup full screen menu in bootstrap?

Question

User navigation

Hello, can you tell me how to make such a menu?
It is necessary that the sub-menu opens to the full width of the screen, but the problem is that the sub-menu itself is in a container. (I hope I explained clearly, code example below)
Simple position: absolute; does not pass, it is still in the top container. I have already broken my head a little, I ask for help, who has come across?

<div class="container">
  <div class="row">
    <div class="col-lg-4">
      <div class="logo"></div>
    </div>
    <div class="col-lg-8">
      <nav class="menu">
        <ul>
          <li>
            <a href="#">One</a>
          </li>
          <li>
            <a href="#">Two</a>
            <div class="sub-menu">
              <div class="container-fluid">
                мой блок меню на всю ширину экрана
              </div>
            </div>
          </li>
        </ul>
      </nav>
    </div>
  </div>
</div>

Thank you!