学习笔记8--bootstrap：布局组件之“下拉菜单”

发布时间：2020-12-17 21:06:23 所属栏目：安全来源：网络整理

导读：1. 下拉菜单的 JavaScript 插件让它具有了交互性。 2. 示例： div class= "dropdown" button class= "btn btn-default dropdown-toggle" type= "button" id= "dropdownMenu1" data-toggle= "dropdown" Dropdown span class= "caret" /span /button ul class=

1. 下拉菜单的 JavaScript 插件让它具有了交互性。

2. 示例：

<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">
    Dropdown
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
  </ul>
</div>

效果图：

具体参见：

http://v3.bootcss.com/components/#dropdowns

?3.禁用菜单项：

在下拉菜单的<li>元素中添加.disable类，从而禁用相应的菜单项。

如：<li role="presentation"class="disabled">

????????? <a role="menuitem"tabindex="-1" href="#">Disabled link</a>

???? </li>

?4.分割线：

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!