Bootstrap 3 col-sm-offset-x ảnh hưởng đến cấu trúc col-md-x

Question

Tôi có mã này <div class="col col-md-12 col-sm-6 col-sm-offset-1 hidden-xs"> và bootstrap cũng làm bù cho col-md-12, tôi đang kiểm tra mã và tôi có không biết tại sao điều này xảy ra, tôi nghĩ rằng điều này đã không xảy ra trước đây, nhưng tôi đã quay trở lại rất nhiều bước trong mã có thể đến mức nó đang làm việc và không có gì.

Nếu tôi loại bỏ bù đắp, nó hoạt động như giả sử ... nhưng tôi không có bù đắp trên các độ phân giải nhỏ hơn.

Đây là trang mà bạn sẽ nhìn thấy vấn đề: Test page

là khối nơi nó đặt "Especial 52º Aniversario"

Thanks for the help, là lái xe cho tôi hạt

Answer 1

Các bù đắp áp dụng từ sm tất cả các con đường lên đến kích thước tối đa. Để dừng nó, hãy thêm vào col-md-offset-0 để tránh chênh lệch áp dụng cho kích thước lớn hơn.

Answer 2

Bootstrap 3 = Thiết bị di động trước.

Bất kỳ phong cách bạn áp dụng trong 'kích thước' xs phạm vi sẽ được thực hiện thông qua các 'kích cỡ' lớn hơn, trừ khi bạn đang sử dụng các tiện ích helper như lớp .visible-sm

Nếu bạn muốn có một cột bù đắp đó là có thể nhìn thấy trong phạm vi nhỏ chỉ:

<div class="row"> 
     <div class="col col-md-12 col-sm-6 col-sm-offset-1 hidden-xs"> 
     <div class="col-sm-1 visible-sm"><div> 
     <div> 
      ...continue your content 
     </div>