bootstrap中的button groups

最新推荐文章于 2023-10-11 10:21:17 发布

原创最新推荐文章于 2023-10-11 10:21:17 发布 · 920 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍了按钮组（buttongroups）的概念，包括如何创建单按钮和多按钮的示例。通过使用HTML和Bootstrap CSS，展示了如何在网页中实现美观且功能丰富的按钮布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

按钮组 button groups（群按钮）

1、单按钮

<div class="btn-group">  

 <button calss="btn" type="button">按钮</button>
 
</div>

2、多按钮

<head>
  <link rel="stylesheet" href="./public/bootstrap/css/bootstrap-combined.min.css">
</head>
<body>
<div class="btn-toolbar">
<div class="btn-group">
    	<button calss="btn">按钮1</button>
        <button calss="btn">按钮2</button>
</div>
<div class="btn-group">
    	<button calss="btn">按钮3</button>
        <button calss="btn">按钮4</button>
    </div>
</div>
</body>