html - 如何获取与css在同一行的输入？

Question

您好，我有以下代码:

    <div class="panel panel-primary fixed-panel">
    <div class="panel-heading">Test</div>
    <div class="panel-body">
        <div class="col-xs-4">
            <form name="myForm">
                <label for="startInput">Start:</label><br />
                <input type="text" id="startInput" class="form-control" name="start">

                <label for="endInput">End:</label><br />
                <input type="text" id="endInput" class="form-control" name="end">
            </form>
        </div>
      </div>
  </div>

我怎么可能在同一行中获得输入？我希望标签仍然在输入之上。

Answer 1

我看到你使用 Bootstrap ，所以只需将类 form-inline 添加到你的表单标签中，并将你的标签和输入标签包装到 div.form-group

更多相关信息:http://getbootstrap.com/css/#forms-inline

或者像这样:http://jsfiddle.net/Stafox/5manb2at/