素材巴巴 > 程序开发 >

Bootstrap组件---下拉菜单,多级菜单 ,按钮

程序开发 2023-09-08 09:39:39

下拉菜单

      菜单: ,dropdown(.dropup改变这个是上显示)   data-toggle="dropdown" (激活文本处)      .dropdown-menu   .pull-left   .pull-right

       按钮组:.btn-group(各种类为btn的标签集合)    .btn-toolbar(按钮导航条)  .btn-group-vertical   .btn-mini  .btn-small   .btn-large   .nav-pills(胶囊样式)

      导航:  .nav   .nav-tabs  .pull-right   .disabled     .nav-stacked(堆叠)  .nav-list     data-toggle="tab"    .tabbable(容器)   .tabs-left (right  , below)   .tab-content

       注意: .dropdown-submenu(多级导航中,可能bootstrap中没有)自行添加:       

添加这段css即可使.dropdown-submenu有效
实现菜单样式:

 
 
 
 无标题文档
 jquery库文件
 
 
 
 
 
 
 
 
结果:

 


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。