html - 将导航栏中搜索框的大小更改为其原始大小

Question

<form class="navbar-form navbar-left navbar-input-group" role="search" name="basicSearch" id="basicSearch">
  <div class="form-group">
    <div class="input-group" style="">
      <input type="text" id="users" class="form-control" placeholder="Search Customer ...">
      <span style="" class="input-group-btn">
     <button class="btn btn-default" type="button">Go!</button>
     </span>
    </div>
  </div>
</form>

但是搜索框的实际大小是这样的

有人可以建议我如何将导航框输入大小更改为默认大小吗

Answer 1

将以下几行添加到您的网页中

$w=document.getElementById("nav3").offsetWidth;

$("#navBarSearchForm input[type=text]").width($w/2);

它会改变您的搜索框的长度。