Question

我有一个用Bootstrap制作的表格。输入只是文本框，但有一个<project> ... <name>Some Project</name> ... <build> ... <filters> <filter>my-filter.properties</filter> </filters> ... </build> ... </project>。我尝试使用select box和input-xs类，但input-mini的高度与其他输入框的高度或宽度不匹配，似乎没有变化。这是一个不正确的课程问题还是还有其他事情发生？

我在这里创造了一个小提琴：https://jsfiddle.net/c85uaqmt/。

Answer 1

尝试添加“input-group”类

 <div class="form-group input-group">
    <label for="sel1">Select list:</label>
    <select class="form-control" id="select" placeholder="">
        <option>1</option>
        <option>2</option>
        <option>3</option>
    </select>

Answer 2

你也应该输入form-control。此外，标记缺少关闭DIV标记。

<input class="form-control" id="Name" name="Name" type="text" placeholder="">

http://bootply.com/vpTL7MHHZG

使用Bootstrap选择Box高度/宽度与其他表单输入框的高度不匹配

2 个答案: