загрузочное подменю ширина 100

Question

Я хочу открыть подменю (ul) ширина 100% это как.но он всегда открывается в раскрывающемся списке.

<li class="nav-item  drop-menu"> <a class="nav-link" href="#">Ürünler & Kataloglar</a> <ul style="position:relative;display:inline-block;width:100%;z-index:888;background-color:white;">
        <li ><a href="#">Rich</a></li>
        <li><a href="#">Shay</a></li>
        <li><a href="#">Jose</a></li>
        <li><a href="#">Marie</a></li>
        <li><a href="#">Simon</a></li>
        <li><a href="#">Jamie</a></li>
        <li><a href="#">Andrew</a></li>
        <li><a href="#">Teddie</a></li></ul></li>

Answer 1

<div class="collapse navbar-collapse" id="navbarNav">
                        <ul class="nav navbar-nav mx-auto">
                            <li class="nav-item"> 
                                <a class="nav-link" href="#">Kurumsal</a>
                            </li>
                            <li class="nav-item  drop-menu" >
                                <a class="nav-link" href="#"  >Ürünler & Kataloglar</a>
        <ul style="position:absolute;display:inline-block;width:100% ;background-color:white;">
        <li ><a href="#">Rich</a></li>
        <li><a href="#">Shay</a></li>
        <li><a href="#">Jose</a></li>
        <li><a href="#">Marie</a></li>
        <li><a href="#">Simon</a></li>
        <li><a href="#">Jamie</a></li>
        <li><a href="#">Andrew</a></li>
        <li><a href="#">Teddie</a></li>
        </ul>  
                            </li>
                            <li class="nav-item" > 
                                <a class="nav-link" href="#">Satış & Servis</a> 


                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#">Ar-Ge</a>
                            </li>
                            <li class="nav-item drop-menu">
                                <a class="nav-link" href="#">Haberler</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#">İletişim</a>
                            </li>
                        </ul>
                        <ul class="nav navbar-nav">
                            <li class="nav-item">
                                <a class="nav-link active" href="#"><i class="fa fa-search header-search"></i></a>

                                <!-- When 767px -->
                                <input type="search" placeholder="Ne Aramıştınız?" class="new-search">
                            </li>
                        </ul>
                    </div>

Answer 2

При использовании процентов для настройки ширины он всегда устанавливается в соответствии с родительским элементом (выпадающий список ширина).Для достижения полной ширины экрана вы можете

• Установить раскрывающийся список на ширину 100%
• Установить в подменю ширину пикселя