减少导航栏；选择和按钮在同一行

Question

我正在使用引导程序并遇到以下问题。我的导航栏中有一个选择和一个按钮，当导航栏缩小（宽度

这是一个 jsfiddle：http://jsfiddle.net/vuwovq9g/

<div class="nav navbar-nav navbar-form">
    <select class="form-control">
        <option value="">Alphabétique</option>
        <option value="">Modification</option>
        <option value="">Création</option>
    </select></div><button type='button' style="margin-top:10px;" class="glyphicon glyphicon-sort-by-alphabet"></button>

当导航栏较小时，按钮在选择下方。我试图将按钮放在 div 中，但结果更差（当导航栏很大时，按钮在选择下方）

Answer 1

jsfiddle demo

将 display:inline-block 添加到包含您的选择框的 div 中。这样 div 将折叠它的宽度，以便为按钮留出“空间”。