Twitter Bootstrap在无响应块内输入宽度100%

时间:2013-01-04 05:48:04

标签: css twitter-bootstrap

最好的方法是input span3内部的全宽(无响应设计)? 像width: 100%;

这样的东西

http://jsfiddle.net/rq9FM/

感谢。

1 个答案:

答案 0 :(得分:1)

首先,当使用Twitter Bootstrap时,我喜欢在我的<body>标签中添加一个类,以便在需要时覆盖引导样式。

<body class="myclass">

对于CSS我会做这样的事情......

​.myclass .well {padding:19px 0;}

//UNRESPONSIVE
.myclass .form-search input {width:108px;}

//RESPONSIVE
.myclass .form-search input {width:43%;}

需要从井中移除左右填充,您应该做的就是更改<input>的大小。如果您的跨度将是固定宽度,那么无响应的示例应该适用于您的示例。如果跨度将改变大小,那么您只希望输入占据其容器的百分比。