将垂直按钮组与引导程序中的文本对齐

Question

我无法弄清楚如何在一个div中将垂直按钮组与bootstrap中的文本对齐。

如果有人向我提出如何处理此事的想法，我将不胜感激。

以下是一些说明我的意思的图片

按钮组一侧的文字：

双方都是：

Answer 1

检查CODEPEN

上的示例代码

<div class="box">
  <span>First Text</span>
  <div aria-label="Vertical button group" role="group" class="btn-group-vertical"> <button class="btn btn-default" type="button">Button</button> <button class="btn btn-default" type="button">Button</button>
    <button class="btn btn-default" type="button">Button</button>
  </div>
  <span>Second Text</span>
</div>

我希望这会对你有所帮助。 享受：）