防止輸入擴展到塊的twitter-bootstrap

我期待着看看是否有人有一個乾淨的解決方案，保持淘汰賽轉動我的形式輸入，與span *類型的流體變成寬度100％流體設計。防止輸入擴展到塊的twitter-bootstrap

當我低於979像素時，我所有的span元素（即span4）變爲100％寬度。這意味着我沒有在平板電腦視圖中使用精美風格的表單，而是擁有大量堆疊100％寬度的文本框。

我使用的自舉responsive.css

更新HTML樣本：

<div class="row-fluid"> 
    <div class="span12"> 
     <input type="text" class="span5" placeholder="First" /> 
     <input type="text" class="span2" placeholder="Middle" /> 
     <input type="text" class="span5" placeholder="Last" /> 
    </div> 
</div>

我不希望這些元素得到堆疊在彼此的頂部，當我在平板電腦查看。

來源

2013-04-16 Ray Suelzer

你能證明你的一些HTML代碼樣本？ – muneebShabbir

對不起，我添加了它。 –

可以@media (max-width: 979px) { ...}下定義輸入標籤的自定義CSS在CSS您引導，responsive.css裏面你可以定義寬度，只要你喜歡

來源

2013-04-16 09:14:27 muneebShabbir

防止輸入擴展到塊的twitter-bootstrap

回答

相關問題