Привет! Я попытался создать отзывчивое мегаменю в выпадающем меню навигационной панели начальной загрузки 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%;"
возникает проблема выравнивания.Нужна помощь, я новичок в этом.
![this is when I am specifying width in percentage](https://i.stack.imgur.com/jSn2c.png)