Bootstrap 3標籤式搜索框響應

Question

我使用Bootstrap 3創建一個標籤式搜索框，就像我提供的演示中的那個。我想讓它對移動版本做出響應。

具體而言，當你調整寡婦和ul達到的形式結束時，li項目將通過3一些斷點疊加3，然後，因爲它越走越窄他們都將被堆疊。

*以下是演示：http://jsfiddle.net/hvS43/2/

**一個例子可以看這裏：http://library.nd.edu/

Answer 1

我不是你的HTML的「頭」部分看到，但我會首先檢查確保下面一行是在它：

<meta name="viewport" content="width=device-width, initial-scale=1"> 

Answer 2

嘗試使用COL-XS-6在李類....然後使用@media查詢，如要樣式的標籤。讓我知道，如果這有助於

Answer 3

你需要編寫媒體查詢像這樣如標籤：

@media (min-width:768px){ 
.nav-tabs>li>{width:50%;} 
} 

並寫出另一種觀點認爲，港口，這裏是引導媒體查詢..

/* Extra small devices (phones, less than 768px) */ 
/* No media query since this is the default in Bootstrap */ 

/* Small devices (tablets, 768px and up) */ 
@media (min-width: @screen-sm-min) { ... } 

/* Medium devices (desktops, 992px and up) */ 
@media (min-width: @screen-md-min) { ... } 

/* Large devices (large desktops, 1200px and up) */ 
@media (min-width: @screen-lg-min) { ... }