内联形式:控制输入宽度?

时间:2014-01-19 05:49:21

标签: html css twitter-bootstrap youtube

我正在使用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>

0 个答案:

没有答案