Bootstrap 3右对齐选择输入组

use*_*074 6 css twitter-bootstrap

我似乎无法弄清楚如何在引导程序3中右对齐选择输入组.无论我尝试它在右边对齐.如果你看下面的小提琴,我试图将选择和按钮输入对齐灰色框的右侧.任何帮助将不胜感激.

小提琴

<body>
        <div class="container">
            <div class="row">
                <div id="header-right-container" class="col-lg-3 col-md-4 col-sm-4 col-xs-12" style="background-color: #eee;">
                    <div class="row">
                        <div class="input-group">
                            <span class="input-group-addon"><span class="glyphicon glyphicon-globe"></span></span>
                            <select class="form-control input-sm" style="width:150px">
                                <option value="1">option 1</option>
                                <option value="2">option 2</option>
                                <option value="3">option 3</option>
                            </select>
                        </div>
                    </div>
                    <div class="row">
                        <div class="btn-group">
                            <a id="headerUserButton" class="btn btn-sm btn-primary dropdown-toggle" data-toggle="dropdown" href="##">
                                <i class="glyphicon glyphicon-user"></i> User Name
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu">
                                <!-- dropdown menu links -->
                                <li><a href="#">Option A</a></li>
                                <li><a href="#">Option B</a></li>
                                <li><a href="#">Option C</a></li>
                            </ul>
                        </div><!--- /.btn-group --->
                    </div>
                </div>
            </div>
        </div>
        </body>
Run Code Online (Sandbox Code Playgroud)

rin*_*aff 14

添加pull-right到您的input-groupbtn-group.然后style="width:150px"form-control去往input-group.

这是一个小提琴.