汇盛国际注册:BootStrap学习系列之布局组件(下拉

时间: 作者:半验

  

[bootstrap,toolbar,bootstrap下拉组件]BootStrap学习系列之布局组件(下拉,按钮组[toolbar],上拉)

  

布局组件  

  

下拉按钮  

  
  
  
  
  

要构建一个下拉菜单,首先,需要一个div加class(dropdown)来包容所有代码(不然下拉菜单定位找不到),然后在加一个触发下拉菜单的按钮(或者a标签),再加一个下拉菜单ul  

  

触发者样式: .dropdown-toggle ; 属性:data-toggle=”dorpdown”  

  

菜单样式: .dropdown-menu 属性:role=”menu” aria-labelledby='id'  

  

其他:role=”presentation”; role=”menuitem”  

  

样式: .divider 分割线; .dropdown-header:下拉菜单头部(不可点击); .dropdown-menu-right:向右对齐的菜单; .dropup:上拉样式(给父类容器添加)  

  

按钮组  

  
  
  
  
  

由多个按钮组构成的一个toolbar!

  

  

每个按钮组由一个div容器加 .btn-group样式构成(同时可以搭配大小等其他样式)  

  

每个按钮组中由几个按钮组成  

  

利用按钮组和单独的下拉菜单构成分割下拉菜单  

  
  
  
      
  
  

  

(责任编辑:admin)

推荐图片Related

相关文章Related

查看更多热门新闻


首页 | 特效插件 | 常用代码 | 样式素材 | 脚本代码 | css特效

Copyright © 2017-2018 汇盛国际 版权所有

系统要求:本站自适应各终端浏览器分辨率

请使用Google、Firefox、IE9、百度浏览器登录网站

网站地图 | RSS订阅 | 汇盛国际平台