Bootstrap 4 具有多个按钮组的bootstrap 4输入组

寻求帮助将此输入组作为一个组全部放在一行上

下面是它目前的样子和我试图实现的目标

注意：活动/单选按钮不是按钮，而是单选按钮

这里是提琴样本：

活跃的
无线电
提交

您可以添加css

显示：flex！重要的用于
btn组
。在bootstrap的稳定版本中，有一个特殊的类
d-flex

演示：
为什么要使用v4 alpha-5？你能升级到4.0.0吗？酷没有意识到马厩坏了。非常感谢。
<div class="container">
    <div class="col-md-6 col-lg-6">

      <div class="input-group">

        <input type="text" class="form-control" id="input-field" name="input-field" placeholder="Enter text here">

        <div class="input-group-btn">

            <div class="btn-group btn-group-toggle" data-toggle="buttons">
                <label class="btn btn-secondary active">
                    <input type="radio" name="options" id="option1" autocomplete="off" checked> Active
                </label>
                <label class="btn btn-secondary">
                    <input type="radio" name="options" id="option2" autocomplete="off"> Radio
                </label>
                <button type="submit" class="btn btn-primary dropdown-toggle submit" data-toggle="dropdown">Submit</button>
                <div class="dropdown-menu">
                    <a id="dns" class="dropdown-item" href="javascript:void(0);">link 1</a>
                    <a id="file" class="dropdown-item" href="javascript:void(0);">link 2</a>
                </div>
            </div>

            </div>

      </div>

    </div>
</div>