<li>元素中的Bootstrap Inline表单

Question

我试图在li元素中对齐一个简单的表单：

<ul>
    <li>
        <span>list item text</span>
        <form class="inline-form">
            <button type="submit" class="btn btn-link">
                <span class="glyphicon glyphicon-remove"></span>
            </button>
        </form>
    </li>
</ul>

我使用的是Bootstrap 3.3.4。表单在文本下方呈现，我希望它在它旁边呈现。 The same code on jsfiddle。我认为这是微不足道的，但我知道如何在后端做一些事情，当谈到前端时。

Answer 1

在CSS文件中添加此代码以查看所需的结果：

.inline-form {
    display: inline;
}