Bootstrap響應輸入表單域

我正在使用.input-lg使表單域變大。我的期望是，當視口縮小（通過引導默認值小於768px），表單字段會變得更小，並採取正常的設置，但它們不是。有任何想法嗎？引導程序是否處理這種情況？Bootstrap響應輸入表單域

UPDATE：

HTML

<form class="form-inline" role="form"> 
     <div class="form-group"> 
     <label class="sr-only" for="searchZipcode">Zipcode</label> 
     <input type="text" class="form-control input-lg input-search" id="searchZipcode" placeholder="Zipcode of home?"> 
     </div> 
    </form>

來源

2014-01-10 TimNguyenBSM

發佈更多代碼，並且是引導程序用引導程序網格系統處理該方案。在這裏閱讀有關它：http://getbootstrap.com/css/#grid –

@ bto.rdz代碼發佈。我沒有看到那個bootstrap有自動處理。在這一點上，似乎我會給建立我自己的媒體查詢。這是唯一的解決方案嗎？ – TimNguyenBSM

它不會。 'input-lg'影響元素的高度。 'col-lg-x'會影響寬度。 [在文檔]（http://getbootstrap.com/css/#forms-control-sizes） – Ross

我想你必須把一個div內輸入。可以說，input-xx類沒有響應：D

<div class="col-xx-xx"> // change xx-xx to some accepted value like sm-4, md-10, whatever it fits you. 
    <input class="input-lg"> 
</div>

來源

2014-01-10 04:57:21

Bootstrap無法處理這種情況。感謝大家的評論和答覆。

來源

2014-01-10 19:24:15 TimNguyenBSM

-2

我也遇到過這個問題。我已經通過加入

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

在html的頭部分。但要小心，因爲這也會禁用縮放。

來源

2014-11-30 19:06:49

你在做什麼如果你期望你的網站能夠響應並適應「小」設備，它應該已經以某種方式設置了，而且，如果你想得到完全相同的結果在不禁用縮放的情況下，只需要刪除'maximum-scale = 1'部分。 – Pere

因爲這個原因，我通常更喜歡使用contenteditable div。您可以應用引導類來使寬度響應。如果你願意，你可以給它一個邊界，使它看起來像一個輸入。使用textContent而不是value來訪問數據，並使用focusout事件而不是change事件。

來源

2017-09-06 03:23:34

Bootstrap響應輸入表單域

回答

相關問題