Bootstrap如何制作按钮组？以及水平按钮组和垂直按钮组的优先级？

在Bootstrap中，你可以使用内置的类来创建按钮组，包括水平和垂直的按钮组。

制作按钮组

要制作一个基本的按钮组，你可以将多个按钮（<button> 或 <a> 元素）包装在一个带有 .btn-group 类的 <div> 元素中。这样，按钮就会排列在一起，形成一个按钮组。

下面是一个基本的按钮组示例：

<div class="btn-group">
  <button type="button" class="btn btn-primary">Left</button>
  <button type="button" class="btn btn-primary">Middle</button>
  <button type="button" class="btn btn-primary">Right</button>
</div>

在这个示例中，.btn-group 类被应用于 <div> 元素，而 .btn 和 .btn-primary 类则被应用于每个按钮。

水平按钮组

默认情况下，按钮组就是水平的。上面的示例就是一个水平的按钮组。

垂直按钮组

要创建一个垂直的按钮组，你可以将 .btn-group-vertical 类添加到 <div> 元素上。

下面是一个垂直按钮组的示例：

<div class="btn-group-vertical">
  <button type="button" class="btn btn-primary">Top</button>
  <button type="button" class="btn btn-primary">Middle</button>
  <button type="button" class="btn btn-primary">Bottom</button>
</div>

在这个示例中，.btn-group-vertical 类被添加到 <div> 元素上，使得按钮垂直排列。

优先级

在Bootstrap中，水平和垂直按钮组没有优先级之分。你可以根据需要选择使用哪种类型的按钮组。如果你在一个按钮组中使用 .btn-group 和 .btn-group-vertical 类，那么 .btn-group-vertical 类将覆盖 .btn-group 类的效果，使得按钮组垂直排列。

总之，你可以根据具体需求选择使用哪种类型的按钮组，并在需要时灵活应用Bootstrap提供的类来定制按钮组的外观和行为。