为什么在自己电脑上无法实现

来源:5-2 下拉菜单(原理分析)

小船大帆

2016-05-10 19:49

代码和这里的一样但是出现的是列表不是下拉菜单

写回答 关注

1回答

  • 我叫小恩
    2016-05-10 21:34:51
    已采纳

    最好不要使用IE,换个浏览器,应该是兼容性问题。

    Bootstrap框架中的下拉菜单组件时,其结构运用的正确与否非常的重要,如果结构和类名未使用正确,直接影响组件是否能正常运用。我们来简单的看看:

    1、使用一个名为“dropdown”的容器包裹了整个下拉菜单元素,示例中为:

    <div class="dropdown"></div>

    2、使用了一个<button>按钮做为父菜单,并且定义类名“dropdown-toggle”和自定义“data-toggle”属性,且值必须和最外容器类名一致,此示例为:

    data-toggle="dropdown"

    3、下拉菜单项使用一个ul列表,并且定义一个类名为“dropdown-menu”,此示例为:

    <ul class="dropdown-menu">

    示例:

    <div class="dropdown">

    <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button"><span class="caret"></span></button>

    <ul class="dropdown-menu">

    <li></li>

    <li></li>

    <li></li>

    </ul>

    </div>

玩转Bootstrap(基础)

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

314546 学习 · 2275 问题

查看课程

相似问题