3

我遇到了引导输入文本高度大小的问题。我正在使用标准 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 -->
...

火狐：

火狐

铬合金：

铬合金

我做了一些研究，可能是我使用了错误的文档类型，但我遵循了引导指南并且已经设置了 HTML5 文档类型：

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

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

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

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

4

1 回答 1

2

是的，我可以通过查看实际源代码来确认在 HTML 之前输出了代码，因此没有设置 HTML 文档类型。将它移到正在调用的第一个文件的第一行，它现在可以工作了。嗬！

于 2013-01-12T12:42:27.603 回答