Bootstrap 4 alpha 6和卡片宽度

Question

以下代码：

<div class="card">
    <div class="card-block">
        <form class="row">
            <div class="form-group col-sm-4">
                <label for="visualTheme" class="control-label">Visual Theme</label>
                <div>
                    <input class="form-control" style="height:30px;" id="visualTheme">
                </div>
            </div>
            <div class="form-group col-sm-4">
                <label for="startingScreen" class="control-label">Starting Screen</label>
                <div>
                    <input class="form-control" style="height:30px;" id="startingScreen">
                </div>
            </div>
        </form>
    </div>
</div>

Fiddle

当使用alpha 4时，正在生成一个采用所提供宽度的形式。但是对于Alpha 6，它需要大约一半的可用空间，除非我使用具体数量的px作为样式。但我不想这样做因为调整大小不起作用。知道如何在这种情况下指定宽度吗？

由于

这就是我在我的应用中看起来的样子：