如何在引导程序的左侧放置选择标签

Question

我有这个问题：

这是我的代码：

<form class="form-horizontal">
    <div class="row">
        <div class="col-sm-2">
            <div class="form-group">
                <label class="control-label">Select list:</label>
                <select class="form-control">
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                </select>
            </div>
        </div>
        <div class="col-sm-2">
            <div class="form-group">
                <label class="control-label" style="display: inline-block;">Select list:</label>
                <select class="form-control">
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                </select>
            </div>
        </div>
        <div class="col-sm-2">
            <div class="form-group">
                <label class="control-label">Select list:</label>
                <select class="form-control">
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                </select>
            </div>
        </div>
        <div class="col-sm-2">
            <div class="form-group">
                <label class="control-label">Select list:</label>
                <select class="form-control">
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                </select>
            </div>
        </div>
        <div class="col-sm-4">
            <div class="form-group">
                <button class="btn btn-default">Filtra</button>
            </div>
        </div>
    </div>
    </form>

我怎样才能让标签并排选择？我已经尝试过form-horizontal但不起作用。

谢谢

Answer 1

form-inline将类添加到您的<form>标签中，如下所示：

<form class="form-inline">