如何保持引导表单按钮内联

时间:2015-03-31 16:33:31

标签: twitter-bootstrap-3

当我将此按钮放在表单中时,它会启动一个新行,但我想让它说内联。我尝试添加class =“form-inline”但它不起作用。我一定不好在网上搜索,因为我自己找不到合适的答案。

保持内联的引导程序约定是什么?

<div class="col-sm-12">
<table>
    <thead>
        <tr>
            <th>Edit</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <a class="inline btn btn-info btn-xs glyphicon glyphicon-pencil"></a>
                <button class="form-inline glyphicon glyphicon-trash btn btn-xs btn-danger del" type="button"></button>                 
            </td>
        </tr>
    </tbody>
</table>

Fiddle

1 个答案:

答案 0 :(得分:1)

稍微改变你的标记:

this demo

<td> 
    <form class="form-inline" method="POST">
        <a class="btn btn-info btn-xs glyphicon glyphicon-pencil"></a>
        <button class="glyphicon glyphicon-trash btn btn-xs btn-danger del" type="button"></button>
    </form>
</td>