1. 程式人生 > >BootStrap之包涵下拉選單的輸入框

BootStrap之包涵下拉選單的輸入框

用法:

<div class="row col-md-5 text-center">
	 <div class="input-group"><!--保持內聯,消除邊框,類似於form-inline-->
		 <div class="input-group-btn"><!--不換行,與相鄰元素內聯,包含dropdown-->
			  <button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
					  請選擇<span class="caret"></span>
			  </button>
			  <ul class="dropdown-menu">
			      <li><a href="javascript:void(0);">寶貝</a></li>
				  <li><a href="javascript:void(0);">店鋪</a></li>
			  </ul>
		</div>
		<input type="text" class="form-control" placeholder="請輸入關鍵詞" />
		<span class="input-group-btn"><!--不換行,與相鄰元素內聯-->
		      <button class="btn btn-primary">搜尋</button>
		</span>
	</div>
</div>

效果圖: