twitter引導塊級別表格

我正在嘗試獲取完整寬度的登錄表單。基本上，用戶名，密碼和按鈕的輸入字段都應該具有相同的長度。現在我可以很容易地使用跨度，問題在於當我在用戶名和密碼上添加了一個圖標時，輸入字段超出了跨度（如果我將輸入塊級別應用於輸入）並且按鈕跨度只有到外部短跨度（如果我嘗試btn塊）。如何將所有元素拉伸至包含跨度寬度？twitter引導塊級別表格

這是我的小提琴。

http://jsfiddle.net/sujesharukil/EP83X/21/

來源

2012-10-15 Sujesh Arukil

您可以使用顯示：表並顯示：表細胞獲得輸入正確填寫剩餘的空間跨度，或使用液體寬度。下面是第一方法中一個小提琴：

http://jsfiddle.net/EP83X/22/

或者使用寬度：基於所述固定圖標寬度（28px）輸入和跨距（（300-28）/ 300的寬度90.666％* 100）。

來源

2012-10-16 03:50:07

謝謝。這將做到這一點。在響應時，我還必須考慮附加類中的填充移位。由於表格單元，圖標集的高度增加了1px。這工作。謝謝。 –

我做了一個使用JS的小解決方案 - 你在這裏找到它：http://codereview.stackexchange.com/questions/15890/better-way-to-do-this-in-coffeescript - 實際上這是coffeescript，但你可以轉換代碼在這裏：http://coffeescript.org/ – Rockbot

twitter引導塊級別表格

回答

相關問題