Нельзя указывать размер мегаменю в процентах вместо значений px

Question

Привет! Я попытался создать отзывчивое мегаменю в выпадающем меню навигационной панели начальной загрузки 4.Но проблема в том, что я не могу указать ширину выпадающего контейнера в процентах.Когда я указываю ширину в пикселях, она работает нормально, но я хочу использовать процентные значения вместо фиксированных значений пикселей.Что не так в этом коде?Я проверил определение выпадающего меню внутри файла начальной загрузки, но нет никакой спецификации для ширины.

 <li class="nav-item dropdown">
      <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          Simple Dropdown
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdownMain"  style="width:400px"> 

        <div class="row">
        <div class="col-md-6"> 
        <h6>Head1</h6>
        <ul>
        <li><a href="#">Link1</a></li>
        <li><a href="#">Link1</a></li>
        <li><a href="#">Link1</a></li>
        </ul></div>
         <div class="col-md-6">
         <h6>Head2</h6>
        <ul>
        <li><a href="#">Link2</a></li>
        <li><a href="#">Link2</a></li>
        <li><a href="#">Link2</a></li>
        </ul></div>
        </div>

        </div>
      </li>

приведенный выше код дает ожидаемый результат.но при изменении стиля на style="width:25%;" возникает проблема выравнивания.Нужна помощь, я новичок в этом.

Answer 1

Я получил решение, что проблема возникла из-за вызова класса начальной загрузки dropdown в первом li.Если я сделаю это, дочернее раскрывающееся меню установит свою ширину, основываясь только на вышеприведенном родительском элементе.но когда я удалю этот класс dropdown, ширина будет связана с размером экрана в целом, что позволит нам указать ширину в процентах.