Question

如何获得＆＃34; Go＆＃34;直接按下选择表格的右边而不是吹它？

<div class="col-xs-2">
    <form role="form" method="POST">
        <select class="form-control" name="per_page" required>
            <option>10</option>
            <option>15</option>
            <option>20</option>
            <option>50</option>
            <option>100</option>
        </select>
        <button class="btn btn-success" type="submit" name="per_page" value="Go">Go</button>
    </form>
</div>

（以下是jsfiddle的实时版本链接：http://jsfiddle.net/276vq/）

Answer 1

bootstrap css中的注释行，其中宽度为＆＃34; col-xs-2＆＃34;被设置为宽度：16.66666667％;因为如果这个div只有这么宽，这些就无法融合在一起。另外，将这个select.form-control显示内联，并且它的宽度不应该是100％，因为在那种情况下按钮将被置于下方。或者在你自己的css中执行此操作（在自己的css中覆盖这些属性）。

您还可以将div的类更改为col-xs-5，并将其添加到您的css：

.form-control {
    display:inline;
    width:100px;
}

如何将按钮移动到<select>表单的右侧</select>

1 个答案: