设置BS3 input-group-addon的宽度

时间:2013-08-22 16:24:07

标签: twitter-bootstrap-3

设置BS3 input-group-addon元素的宽度时,我遇到了一些麻烦,这些元素都是前置并附加到文本输入的。在这种情况下,input-group-addon元素的宽度设置正确,但文本输入的宽度不再填充容器的宽度。但是,如果这些只是一个前置或附加的输入组插件,则设置宽度按预期工作,请参阅http://jsfiddle.net/asZXU/以获取示例。

如何设置BS3 input-group-addon元素的宽度,这些元素已经预先添加并附加到文本输入中,并且文本输入仍然填充容器的剩余宽度?

注意:我只使用小提琴中的style="width: 55px;来设置input-group-addon元素的宽度,以便能够演示所有变体。理想情况下,我希望能够通过执行以下操作来设置宽度:

.input-group-addon {
    width: 55px;
}

2 个答案:

答案 0 :(得分:4)

这看起来很有希望:http://jsfiddle.net/panchroma/D53TE/

使用CSS

向表单组添加了一个类
.svX3{
width:100%;
}  
祝你好运!

答案 1 :(得分:2)

//add this to custom css,

.input-group-addon {
    min-width:100px;
}