百分比,而不是像素值不能指定大型菜单的大小

问题描述 投票:0回答:1

您好我想在下拉引导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

dropdown megamenu
1个回答
0
投票

我有发生,因为在第一dropdown调用引导类li的问题的解决方案。如果我这样做孩子的下拉菜单设置将仅基于其母公司以上的宽度。但是当我删除dropdown类的宽度将关系到整个屏幕尺寸,使我们能够指定百分比宽度。

© www.soinside.com 2019 - 2024. All rights reserved.