Как сделать выподающее полноэкранное меню в bootstrap?

Question

[Роман]

Здравствуйте, подскажите как можно сверстать вот такое меню?

Нужно что бы sub-menu открывалось во всю ширину экрана, но проблема в том, что само sub-menu находится в контейнере. (надеюсь понятно объяснил, пример кода ниже)

Простое position: absolute; не проходит, он все равно находится в верхнем контейнере. Уже немного голову сломал, прошу помощи, кто сталкивался?

<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>

Спасибо!