您好我想在下拉引导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%;"
它给出了对齐问题。需要帮助我的新本。
我有发生,因为在第一dropdown
调用引导类li
的问题的解决方案。如果我这样做孩子的下拉菜单设置将仅基于其母公司以上的宽度。但是当我删除dropdown
类的宽度将关系到整个屏幕尺寸,使我们能够指定百分比宽度。