Hình thức ngang ngang "Nhãn kiểm soát" dạng ngang không sử dụng kiểu dáng đáp ứng

Question

Tôi đang sử dụng lớp "dạng ngang" với Bootstrap 2, nhưng các nhãn của tôi dường như không sử dụng kiểu tạo Responsive. Đây là những gì nó trông giống như:

Khi tôi kiểm tra nó, nó đặc biệt có "width: 160px" trên nhãn, đó là thiết lập Bootstrap thường, nhưng phong cách Responsive chỉ có "width: auto ".

HTML của tôi cho phần đó trông như thế này:

<form id="addproject" class="form-horizontal"> 
    <div class="control-group"> 
     <label for="title" class="control-label">Title</label> 
     <div class="controls"> 
      <input type="text" name="title" id="title" /> 
     </div> 
    </div> 
</form> 

Answer 1

bootstrap.css phải được tải trước tệp bootstrap-responsive.css.

Answer 2

Nếu bạn muốn thay đổi khi bạn thêm lớp

<input type="text" name="title" id="title" class="span3" /> 

Một giải pháp khác là để trực tiếp chỉ định một chiều rộng phong cách ID: tự động

#title { 
    width_auto; 
} 

Hãy nhớ rằng kiểu mới của bạn phải sau css bootstrap

Answer 3

. Nhãn điều khiển chỉ được chỉ định trong responsive.css cho (chiều rộng tối đa: 480px). Bạn đã thử thu hẹp chiều rộng xuống chưa? Khi tôi sử dụng các biểu mẫu, chúng trông giống như ví dụ của bạn cho đến 480px, tại thời điểm đó các nhãn di chuyển trên các trường nhập.