内联形式：控制输入宽度？

Question

我正在使用Bootstrap 3，我基本上试图在您复制代码的视频下重新创建Youtube的共享表单，并可以选中复选框以启动视频的时间。但是输入不是停留在同一条线上，而是第二条输入堆叠在第一条线下，两条输入都占据了宽度的100％。复选框和文本夹在中间。我想将第二个输入设置为大约20％，第一个输入只是响应其他空间。有任何想法吗？提前感谢您的帮助。

http://jsfiddle.net/6Kr7r/

<form class="form-inline" role="form">
        <div class="form-group">
        <input type="url" class="form-control" id="user_input" value="" placeholder="Youtube link here..."/>

        <div class="checkbox">
          <label>
            <input type="checkbox" value=""/> Start at:
          </label>
        </div>

        <input type="text" class="form-control" id="seconds" value="" placeholder="0:00"/>
    </div>
</form>