드롭 다운 메뉴의 일부가 아닌 탐색 모음에서 검색 상자를 고정하는 방법을 알아 내려고하고 있습니다. 최종 출력물은 아래 이미지와 유사합니다. 여기 부트 스트랩 탐색 막대의 고정 검색 창
<div class="container-fluid">
<!-- add header -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- add menu -->
<div class="collapse navbar-collapse" id="navbar1">
<ul class="nav navbar-nav">
<li class="active"><a href="/">Home</a></li>
<li><a href="/about.html">About</a></li>
<li><a href="/services.html">Services</a></li>
</ul>
<!-- add search form -->
<form class="navbar-form navbar-right" role="search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search this site">
<span class="input-group-btn">
<button type="submit" class="btn btn-default">
<span class="glyphicon glyphicon-search"></span>
</button>
</span>
</div>
</form>
</div>
</div>
내가 현재 일하고 있어요 코드입니다 :
http://www.bootply.com/fb311f2zSJ#
당신이 질문 자체에서 발생하는 문제를 재현하는 데 필요한 최단 코드를 기입하십시오. 또한 명확한 질문문을 포함시켜야합니다. 당신이 원하는 것을 우리에게 말하고있는 훌륭하고 멋쟁이, 우리가 알아야 할 것은 당신이 가진 문제와 우리가 그것에 대해 무엇을하기를 바라는가입니다. –
탐색 모음 머리글에 검색 양식을 넣으면 – FedeSc
이 이미 꿈꾸는 위버에 붕괴되지 않습니다. –