Question

我遇到了bootstrap输入文本高度大小的问题。我使用的是标准的bootstrap.css样式表，搜索表单位于导航栏中：

<div class="navbar  navbar-fixed-top m-header">
    <div class="navbar-inner m-inner">
        <div class="container-fluid">
            <div class="row-fluid">
                ...

<!-- // START SEARCH BAR -->
<div class="span6 offset4">             
    <form>
      <div class="input-append" id="top-search">
        <input type="text" placeholder="Search...">
        <div class="btn-group">
            <button class="btn" tabindex="-1">Search</button>
            <button class="btn dropdown-toggle" data-toggle="dropdown" tabindex="-1">
                <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
            <li><label class="radio">
              <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
              <i class="icon-search"></i>aaa
            </label></li>
            <li class="divider"></li>
            <li><label class="radio">
              <input type="radio" name="optionsRadios" id="optionsRadios1" value="option2" checked>
              <i class="icon-th"></i>bbb
            </label></li>
            <li><label class="radio">
              <input type="radio" name="optionsRadios" id="optionsRadios1" value="option3" checked>
             <i class="icon-file"></i>ccc
            </label></li>
            <li><label class="radio">
              <input type="radio" name="optionsRadios" id="optionsRadios1" value="option4" checked>
              <i class="icon-inbox"></i>ddd
            </label></li>
            <li><label class="radio">
              <input type="radio" name="optionsRadios" id="optionsRadios1" value="option5" checked>
              <i class="icon-camera"></i>eee
            </label></li>
            </ul>
        </div>
      </div>
    </form>
</div>
<!-- // END SEARCH BAR -->
...

火狐：

Firefox

铬：

Chrome

我做了一些研究，可能是因为我使用了错误的doctype，但是我遵循了bootstrap指南，并且已经设置了HTML5 doctype：

<!DOCTYPE HTML>
<html lang="en">
  <head>

我还通过使用linux'file'和'more'来检查我的文件中是否有垃圾字符，但事实并非如此。

如果我在检查元素工具中覆盖或关闭文本输入的高度，则高度显示正确。如上所述：https://github.com/twitter/bootstrap/issues/246#issuecomment-7295682 插入符号按钮大小仍会显示小..

但是，我不明白为什么文本输入在bootstraps自己的网站上显示正确： http://twitter.github.com/bootstrap/base-css.html#forms 为什么他们没有同样的问题？

Answer 1

是的，我可以通过查看实际的源代码来确认是否在HTML之前输出了代码，因此未设置HTML doctype。将其移动到正在调用的第一个文件的第一行，它现在可以正常工作。卫生署！

Bootstrap文本输入错误的高度

1 个答案: