Właściwe użycie przesunięć/push

Question

Piszę stronę Bootstrap i zastanawiałem się, czy jest to do przyjęcia. Strona wygląda jak tego chcę, ale zastanawiałem się, czy to najlepsza praktyka?

<div class="container-fluid"> 
<div class="row"> 
    <div class="col-lg-3 col-lg-offset-1"> 
    </div> 

    <div class="col-lg-6 col-lg-push-1"> 
    </div> 
</div> 
</div> 

Podejście Biorę jest użycie 1 offsetu dla każdych dwóch brakujących kolumnach i używać impuls dla każdej brakującej kolumnie. Jaki byłby najlepszy sposób na przepisanie tego dla celów semantycznych, jeśli w ogóle jest to konieczne.

Answer 1

Korzystanie z Bootstrap offset jest całkowicie dopuszczalne! To, do czego go używasz (wypełnianie brakujących kolumn) jest również całkowicie dopuszczalne. Nie dodaliby go, chyba że nie chcieli, abyś z niego korzystał.

Jeśli Gdzie nie użytku offset to jedynym sposobem, aby przenieść rzeczy wokół byłoby margin (ogólnie). Problem polega na tym, że rujnuje on punkt korzystania z systemu sieciowego!

Więc IMO Myślę, że jest całkowicie OK, aby użyć Bootstrap offset. Używam go cały czas na mojej stronie internetowej! :)