转载

按钮上拉菜单(向上弹出式菜单)

按钮上拉菜单

菜单也可以往上拉伸的,只需要简单地向父 .btn-group 容器添加 .dropup 即可。

向上弹出式菜单

给父元素添加 .dropup 类就能使触发的下拉菜单朝上方打开。

  • 向上弹出式菜单(按钮上拉菜单)
  • 向上弹出式菜单(按钮上拉菜单)
  • 向上弹出式菜单(按钮上拉菜单)
  •  
  • 向上弹出式菜单(按钮上拉菜单)
  • 向上弹出式菜单(按钮上拉菜单)
  • 向上弹出式菜单(按钮上拉菜单)
  • 向上弹出式菜单(按钮上拉菜单)
  •  
  • 向上弹出式菜单(按钮上拉菜单)
 <div class="btn-group dropup">   <button type="button" class="btn btn-default">Dropup</button>   <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">     <span class="caret"></span>     <span class="sr-only">Toggle Dropdown</span>   </button>   <ul class="dropdown-menu" role="menu">     <!-- Dropdown menu links -->   </ul> </div> 

正文到此结束
Loading...