ruby-on-rails - Bootstrap 3 - 如何使 glyphicon 和 text_field_tag 对齐？

Question

这是我们的 Rails 4 登录页面:

glyphicon 和 text_field_tag 的高度不一样。这是 html.erb 代码(请忽略 tr):

       <div class="form-group">
        <div class="input-group"> 
            <span class="input-group-addon">
                <i class="glyphicon glyphicon-user"></i>
                    </span><%= text_field_tag :login, '' %></p></td>
                        </div>
                    </div>

                <div class="form-group">
                        <div class="input-group">
                            <span class="input-group-addon">
                                <i class="glyphicon glyphicon-lock"></i>
                                    </span> <%= password_field_tag :password, ''%>
                        </div>
                    </div>

text_field_tag 只有一个大小选项，用于调节显示的字符数。有没有办法增加标签的高度，使其与字形图标的高度相匹配？如果需要，内联 css 或内部 css 适用于此页面。

Answer 1

您需要将类 form-control 添加到输入字段。这就是 Bootstrap 的设计方式。