Bootstrap基本组件学习笔记之按钮组(8)

按钮组允许多个按钮被堆叠在同一行上，实现起来非常简单。

0x01 基本用法

直接看下面的例子：

 
 
 
 
 
 



 
  水平排列
  
   Left
   Middle
   Right
  
 
 
  垂直排列
  
   Top
   Middle
   Bottom
  
 
 
  两端对齐
  
   Left
   Middle
   Right
  
 

效果如下：

需要注意的是，两端对齐的样式只对a标签有效，对button无效。

0x02 嵌套下拉菜单

下面是一个按钮组嵌套下拉菜单的例子：

 
 
 
 
 
 



 
 按钮嵌套下拉菜单
 
 
 按钮1
 按钮2
 超链接
 
  
  
   下拉菜单
   
  
  

   
菜单1
   
菜单2
   

   
菜单3
   
菜单4
  
  
 
 按钮3
 

效果如下：

如果大家还想深入学习，可以点击这里进行学习，再为大家附3个精彩的专题：

Bootstrap学习教程

Bootstrap实战教程

Bootstrap插件使用教程

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。