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引导块级别表格

回答

相关问题