HTML5技术

第八篇.Bootstrap下拉菜单 - -夏昊-

字号+ 作者:H5之家 来源:H5之家 2016-06-24 15:00 我要评论( )

给div一个class dropdown,将下拉菜单放在这个div里就可以显示bootstrap的下拉菜单。 div button type="button" data-toggle="dropdown" Dropdown span/span /button ul role="menu" aria-labelledby="dropdownMenu1" li role="presentation"a role="menuite

给div一个class “dropdown”,将下拉菜单放在这个div里就可以显示bootstrap的下拉菜单。

<div>

            <button type="button" data-toggle="dropdown">

                Dropdown

                <span></span>

            </button>

 

            <ul role="menu" aria-labelledby="dropdownMenu1">

                <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Regular link</a></li>

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

                <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another link</a></li>

            </ul>

 

 

        </div>

 

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 【CSS3动画】下拉菜单模拟 - Glunefish

    【CSS3动画】下拉菜单模拟 - Glunefish

    2017-04-12 13:00

  • 关于IOS中safari下的select下拉菜单,文字过长不换行的问题 - 梦影雾花,尽是虚空

    关于IOS中safari下的select下拉菜单,文字过长不换行的问题 - 梦影雾

    2016-09-27 17:00

  • 第十篇.bootstrap轮播 - -夏昊-

    第十篇.bootstrap轮播 - -夏昊-

    2016-06-24 17:00

  • 第九篇.bootstrap导航 - -夏昊-

    第九篇.bootstrap导航 - -夏昊-

    2016-06-24 16:00

网友点评