Thiết lập chiều rộng của nhóm đầu vào BS3

Question

Tôi gặp một số sự cố khi thiết lập chiều rộng của các phần tử bổ sung nhóm đầu vào BS3 đã được thêm vào trước và được nối vào đầu vào văn bản. Trong trường hợp này, chiều rộng của các phần tử add-group-addon được đặt chính xác, nhưng chiều rộng của đầu vào văn bản không còn lấp đầy chiều rộng của vùng chứa. Tuy nhiên, nếu đây chỉ là một phần bổ trợ nhóm đầu vào đã được thêm vào hoặc được thêm vào, hãy đặt chiều rộng hoạt động như mong đợi, vui lòng xem http://jsfiddle.net/asZXU/ để biết ví dụ.

Làm cách nào để đặt chiều rộng của các phần tử bổ sung nhóm đầu vào BS3 đã được thêm vào trước và được thêm vào đầu vào văn bản và vẫn có đầu vào văn bản lấp đầy chiều rộng còn lại của vùng chứa?

Lưu ý: Tôi chỉ thiết lập chiều rộng của các phần tử nhóm-đầu vào bổ sung bằng cách sử dụng style="width: 55px; trong fiddle để có thể chứng minh tất cả các biến thể. Tôi lý tưởng muốn để có thể thiết lập độ rộng bằng cách làm một cái gì đó như:

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

Answer 1

này sẽ hứa hẹn: http://jsfiddle.net/panchroma/D53TE/

đã thêm vào một lớp học để các nhóm mẫu với CSS

.svX3{ 
width:100%; 
} 

Tốt may mắn!

Answer 2

//add this to custom css, 

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