对于Bootstrap 3.2及更高版本，您还应该将设置
display:table;为
input-group，将宽度设置
1%为
input-group-addon。
<div > <span ><span ></span></span> <input type="text" autofocus="autofocus" autocomplete="off" placeholder="Search Here" name="search" > </div>
演示Bootstrap版本3.2+：
-
是否允许更改导航栏元素的位置？我不理解“不创建换行符（即，“清除”链接将与“关于”链接紧密相连）。。
我做了什么：
- 将浮点数拖放到窗体的左侧（通过删除navbar-left类）
- 给其他导航栏元素右浮（navbar-right类）
- 将表单组的显示设置为内联（）
- 更改元素的位置（右侧先浮动）
相关问题：
html ：
<div > <div > <div > <button type="button" data-toggle="collapse" data-target=".navbar-collapse"> <span ></span> <span ></span> <span ></span> </button> <a href="#">My Project</a> </div> <div id="searchbar"> <ul > <li><a href="about.html">about</a></li> <li id="userPage"> <a href="#@userpage"><i ></i> My Page</a> </li> <li><a href="#logout" data-prevent="">Logout</a></li> </ul> <ul > <li><a href="#" title="Start a new search">Clear</a></li> </ul> <form > <div > <div > <span ><span ></span></span> <input name="search" placeholder="Search Here" autocomplete="off" autofocus="autofocus" type="text"> </div> </div> </form> </div><!--/.nav-collapse --> </div></div>
