本节bug,大家来看看

来源:5-1 下拉菜单(基本用法)

没个性的七秒鱼

2016-09-22 10:49

“使用了一个按钮做为父菜单,并且定义类名“dropdown-toggle”和自定义“data-toggle”属性,且值必须和最外容器类名一致。”这里说的不严谨,官方文档说法:将下拉菜单触发器和下拉菜单都包裹在 .dropdown 里,或者另一个声明了 position: relative; 的元素。 经测试,官方说法是对的,最外容器类名无所谓是什么,但是一样要有相对定位,button按钮必须要有data-toggle,并且值必须是dropdown!

写回答 关注

2回答

  • 封子清风
    2016-10-15 09:37:38

    看样子老师讲的也有疏漏

  • 没个性的七秒鱼
    2016-09-22 10:50:01


    测试代码:

    <div class="ceshi" style="position:relative">

      <button class="btn btn-default btn-lg dropdown-toggle" type="button" data-toggle="dropdown">

        Large button <span class="caret"></span>

      </button>

      <ul class="dropdown-menu" role="menu">

         <li><a href="#">1</a></li>

            <li><a href="#">2</a></li>

            <li class="divider"></li>

            <li><a href="#">3</a></li>

      </ul>

    </div>


玩转Bootstrap(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314546 学习 · 2275 问题

查看课程

相似问题