Javascript 在react引导中使用内联单词的按钮工具栏？

我想在同一行中渲染一些单词和几个按钮。但是，ButtonToolBar似乎强制将其分隔为多行。因此，有没有办法做到一行呢？也就是说，类似于

一些文本按钮工具栏{[Button1][Button2]}一些其他文本

<ButtonToolbar>
   Control: 
    <Button > Start </Button>
    <Button > End </Button>
   By xxx
 </ButtonToolbar>

控制：
开始
终点
作者：xxx

---

编辑：如果添加了，则它们确实处于相同的长但错误的顺序。

但是按钮组围绕在按钮周围

<ButtonToolbar>
   Control: 
    <ButtonGroup>
      <Button > Start </Button>
      <Button > End </Button>
    </ButtonGroup>
   By xxx
 </ButtonToolbar>

控制：
开始
终点
作者：xxx

我也需要这样做，并发现了这个问题

可以通过在按钮工具栏中创建div并应用float:left；CSS。为了使事情变得更简单和可重用，我创建了一个简单的消息组件——我需要创建一个状态消息。我添加了一些CSS，以便根据我使用的按钮大小在ButtonToolbar中很好地定位文本。这可以通过传递引导按钮大小并使组件相应地定位文本来增强

拯救
重置
{this.state.statusMessage}
//Message.js
从“React”导入React；
导入“/Message.scss”；
功能信息（道具）{
返回(
{props.children}
);
}
导出默认消息；
//Message.css：
.按钮工具栏消息{
浮动：左；
填充：6px 10px；
颜色：灰色；
}

但这将导致错误的顺序。请在编辑中查看我的附件。可以使用

标记进行尝试