Bootstrap 3 место 2 столбца с правой стороны - PullRequest
Новая
       9

Bootstrap 3 место 2 столбца с правой стороны

0 голосов
/ 07 января 2020

Я пытаюсь расположить две колонки с правой стороны, но когда я добавляю float слева в моем классе, вторая колонка была впереди моей первой колонки. 

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet"/>
<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>

Как сделать первый столбец впереди второго столбца? Спасибо!

...