Question

导航栏中的默认“搜索框”为：

<form class="navbar-form navbar-left" role="search">
  <div class="form-group">
    <input type="text" class="form-control" placeholder="Search">
  </div>
  <button type="submit" class="btn btn-default">Submit</button>
</form>

我正在尝试水平增加input的长度，以便我可以看到并输入更多文字。

如何增加文本框的长度？

Answer 1

将此类添加到输入文本框的当前css类

<form class="navbar-form navbar-left" role="search">
  <div class="form-group">
    <input type="text" class="form-control span10" placeholder="Search">
  </div>
  <button type="submit" class="btn btn-default">Submit</button>
</form>

我添加span10，你可以添加span4，span5，span6 ......取决于你想要的长度

Answer 2

您可以更改CSS属性width或使用HTML属性size。

CSS示例：应该使search-class-here类400px宽

的元素

.search-class-here { width: 400px; }

HTML示例：应该使文本框的宽度大约为40个字符。

<input type="text" size="40">

增加导航栏文本输入长度

2 个答案: