如何强制按钮和选择在同一行？

Question

我的网站上有一个表单，我想在同一行上放置一个按钮和选择标记，但它一直导致换行。我试过一个按钮，它在一条线上一个接一个地工作得很好。我正在使用引导程序 3。

<div class="panel-footer" style ="overflow: hidden; white-space: nowrap;">
    <button type="submit" class="btn btn-success" style="width:100px; margin:4px;">send</button> 
    <button type="submit" class="btn btn-success" style="width:100px; margin:4px;">send</button> 
    <select class="form-control" style = "width:100px; margin:4px;">
        <option value="volvo">Math</option>
        <option value="saab">History</option>
        <option value="opel">English</option>
        <option value="audi">Gymnastics</option>
    </select>
</div>

有足够的空间可以在线上再进行 4 次选择。

Answer 1

使用display: inline;或display: inline-block;在选择和按钮上