Html 如何使引导表单字段水平

我已经尝试了所有可能的方法，但我无法使字段水平对齐

<form class="form-horizontal" role="form">
    <div class="form-inline">
        <div class="form-group">
        <label for="acctName" class="col-sm-2 control-label">Account Name </label>
        <div class="col-sm-10">
            <input type="text" ng-model="vm.acctName" class="input-xlarge" placeholder="Account Name" />
        </div>
        </div>
    </div>
    <div class="form-inline">
        <div class="form-group">
        <label for="acctId" class="col-sm-2 control-label">Account ID &nbsp;&nbsp;&nbsp;&nbsp;  </label>
        <div class="col-sm-10">
            <input type="text" ng-model="vm.acctId" class="input-xlarge" placeholder="Account ID" />
        </div>
        </div>
    </div>

帐户名
帐户ID

我也试过了

<form class="form-horizontal" role="form">
    <div class="form-group">
        <label for="acctName" class="col-sm-2 control-label">Account Name </label>
        <div class="col-sm-10">
            <input type="text" ng-model="vm.acctName" class="input-xlarge" placeholder="Account Name" />
        </div>
    </div>

    <div class="form-group">
        <label for="acctId" class="col-sm-2 control-label">Account ID &nbsp;&nbsp;&nbsp;&nbsp;  </label>
        <div class="col-sm-10">
            <input type="text" ng-model="vm.acctId" class="input-xlarge" placeholder="Account ID" />
        </div>
    </div>  

帐户名
帐户ID

尽管如此，字段仍然垂直堆叠

我做错了什么？

检查以下内容：

帐户名
帐户ID
登录

检查以下内容：

帐户名
帐户ID
登录

类的使用似乎无效。请尝试以下代码：

<form class="form-inline">
    <fieldset>
        <div class="form-group">
            <label for="acctName" class="col-lg-2 control-label">Account Name</label>
            <div class="col-lg-10">
                <input type="text" class="form-control input-xlarge" id="acctName" ng-model="vm.acctName" placeholder="Account Name" />
            </div>
        </div>
        <div class="form-group">
            <label for="acctId" class="col-lg-2 control-label">Account ID</label>
            <div class="col-lg-10">
                <input type="text" class="form-control input-xlarge" id="acctId" ng-model="vm.acctName" placeholder="Account ID" />
            </div>
        </div>
    </fieldset>
</form>

帐户名
帐户ID

类的使用似乎无效。请尝试以下代码：

<form class="form-inline">
    <fieldset>
        <div class="form-group">
            <label for="acctName" class="col-lg-2 control-label">Account Name</label>
            <div class="col-lg-10">
                <input type="text" class="form-control input-xlarge" id="acctName" ng-model="vm.acctName" placeholder="Account Name" />
            </div>
        </div>
        <div class="form-group">
            <label for="acctId" class="col-lg-2 control-label">Account ID</label>
            <div class="col-lg-10">
                <input type="text" class="form-control input-xlarge" id="acctId" ng-model="vm.acctName" placeholder="Account ID" />
            </div>
        </div>
    </fieldset>
</form>

帐户名
帐户ID

所以你需要水平或垂直的表单？@ManishPatel-Horizontal。你可以使用

所以你需要水平或垂直的表单？@ManishPatel-Horizontal。你可以使用