提问者:小点点

twitter bootstrap 3输入组插件不都一样大


基本上,我有两个输入字段,它们前面有一个跨度和一些文本。当我试图在输入组插件和输入字段本身上设置col-lg-4和col-lg-8时,它没有完成我期望的操作并调整它们的大小。

<div class="input-group">
   <span class="input-group-addon">some text</span>
   <input type="text" class="form-control" id="current_pwd" name="current_pwd" />
</div>

有人能帮我把输入组插件弄到同样大小吗?

我在这里创作了一把小提琴:http://jsfiddle.net/Dzhz4/这就解释了我的问题。

谁能透露一些信息?


共2个答案

匿名用户

试试这个

http://jsfiddle.net/Dzhz4/1/

.input-group-addon {
    min-width:300px;// if you want width please write here //
    text-align:left;
}

匿名用户

.input-group-addon { width: 50px; } // Or whatever width you want

.input-group { width: 100%; }

第一部分设置插件的宽度,第二部分强制输入占用其所有父容器。