Bootstrap 3在右侧放置2列

Question

我试图将我的两列放在右侧，但是当我在班级中向左添加float时，第二列在我的第一列之前。

<div class="container" style="margin-top: 3%;">
            <div class="row">

                    <div class="col-md-1 col-xs-12" style="float: right;">
                        <p>Filter by: </p>
                    </div>

                    <div class="col-md-3 col-xs-12" style="float: right;">
                        <div class="input-group" id="adv-search">
                            <input type="text" class="form-control" placeholder="Search for hotels" />
                            <div class="input-group-btn">
                                <div class="btn-group" role="group">
                                    <div class="dropdown dropdown-lg">
                                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span></button>
                                        <ul class="dropdown-menu dropdown-menu-right">
                                            <li><a>All Hotels </a></li>
                                            <li class="divider"></li>
                                          </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                      </div>
                </div>

            </div>

我如何使第一列在第二列的前面？谢谢！

Answer 1

您需要将这两个列都添加到另一个div中。