Làm cách nào để tạo các nhãn dạng ngang của Bootstrap nhỏ hơn bằng CSS?

Question

Bootstrap có rất nhiều examples for types of forms. Tôi quan tâm đến việc sử dụng "hình thức ngang" mà trông như thế này

Picture.png http://img35.imageshack.us/img35/244/picturebm.png

Đây là những gì nó trông giống như sau khi phác thảo một số yếu tố với thanh công cụ thanh tra web:

Picture 2.png http://img594.imageshack.us/img594/4681/picture2yn.png

tôi đang làm việc bên trong một chế độ popup và không gian đã được một chút chặt chẽ. Tôi đã thử thêm hệ thống lưới của bootstrap là .span1 và .span2 vào các nhãn dưới dạng một lớp, nhưng nó không đưa ra hành vi mong muốn.

Có cách nào để sử dụng một số khía cạnh khác của bootstrap để có được hành vi mong muốn (tức là thắt chặt lượng không gian nhãn trên một dạng ngang mất) không? Cách thích hợp để làm điều này là gì? Tôi đang sử dụng phiên bản bootstrap 2.1

Answer 1

tôi không biết nếu bootstrap đã có một cái gì đó định nghĩa cho it..below là một cách giải quyết ..

<div class="control-group"> 
<label class="control-label" style="width:auto" for="inputEmail">Email</label> 
<div class="controls" style="margin-left:auto"> 
<input type="text" class="input-small" id="inputEmail" placeholder="Email"> 
</div> 
</div> 

i thêm style="width:auto" đó là mặc định 140px và style="margin-left:auto" đó là mặc định 160px. Cũng class="input-small" để giảm chiều rộng lĩnh vực đầu vào để bóp ra nhiều không gian hơn để nó phù hợp trong phương thức ..

Bây giờ bạn tinh chỉnh hơn nữa để phù hợp với nó theo nhu cầu của bạn ..