2013-08-06 22 views
43

Cơ bản tôi có một số trường nhập có một khoảng được thêm vào với một số văn bản,
khi tôi cố gắng đặt col-lg-4 và col-lg- 8 trên đầu vào nhóm-addon và lĩnh vực đầu vào chính nó nó không làm những gì tôi excpected nó để làm và thay đổi kích cỡ chúng.twitter bootstrap 3 input-group-addon không phải tất cả cùng kích thước

<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> 

bất cứ ai có thể giúp tôi nhận được đầu vào-group-addon nhận được cùng một kích thước
Tôi đã tạo một fiddle đây:
http://jsfiddle.net/Dzhz4/
giải thích vấn đề của tôi.

Bất kỳ ai có thể làm sáng tỏ một chút?

Trả lời

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

.input-group { width: 100%; } 

Phần đầu này đặt độ rộng của addons của bạn, các lực lượng thứ hai đầu vào để mất tất cả các thùng chứa mẹ.

Các vấn đề liên quan