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

Question

我的网站上有一个表单，我想在同一行放置一个按钮和选择标签，但它总是导致换行。我试过一个按钮，它在一条线上一个接一个地工作得很好。我正在使用 bootstrap 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;