Bootstrap在下拉菜单上添加关闭按钮

时间:2016-07-12 18:19:00

标签: twitter-bootstrap twitter-bootstrap-3

我是Bootstrap的新手,我想知道如何在下拉菜单中添加关闭按钮。

当我们点击菜单外部或点击“没有子菜单项”时,不会使用默认的Bootstrap响应来切换菜单。我想添加一个关闭按钮,让它负责切换它。 关闭按钮必须同时出现在菜单及其子菜单上#34;查看图片和关闭图标的位置"

Screenshot

我正在使用的代码"下拉菜单项是' The Magazine'和“旅行独奏”是子菜单项":http://www.bootply.com/qYOW7v2DcM

任何建议都会很感激!

1 个答案:

答案 0 :(得分:3)

在html的开头,特别是这一行:

x

您可以添加此行以生成<button type="button" class="close">&times;</button> 关闭按钮。

<li></li>

甚至可能将按钮放在自己的<ul class="dropdown-menu"> <li><button type="button" class="close">&times;</button></li> 元素中,如下所示:

<li class="menu-item dropdown dropdown-submenu"><a href="#" class="dropdown-toggle" data-toggle="dropdown">TRAVEL SOLO <i class="fa fa-play" aria-hidden="true"></i></a>
    <ul class="dropdown-menu">
        <li><button type="button" class="close">&times;</button></li>

然后在您的子菜单中,您可以使用相同的概念。

paramter real C_IP=0;

 always @ (reg_DACIP)
   begin
     case (reg_DACIP)
      3'b000 : C_IP = 0.8;
      3'b001 : C_IP = 0.6;
      3'b010 : C_IP = 0.4;
      3'b011 : C_IP = 0.2;
      3'b100 : C_IP = 0.0;
      3'b101 : C_IP = -0.2;
      3'b110 : C_IP = -0.4;
      3'b111 : C_IP = -0.6;
    endcase
end 

如果有帮助,请告诉我。