Systemy zagnieżdżonych systemów startowych Bootstrap Najlepsze praktyki

Question

Próbuję utworzyć witrynę przy użyciu programu ładującego i bez zewnętrznego css. Wygląda na to, że mogę osiągnąć wiele celów związanych z formatowaniem przy użyciu zagnieżdżonych systemów gridowych.

e.x.

<div class="container-fluid bs-docs-grid"> 
    <div class="row show-grid"> 
     <div class="col-md-6"> 
      <div class="row show-grid"> 
       <div class="col-md-4"> 
       </div> 
       <div class="col-md-4"> 
       </div> 
      </div> 
     </div> 
     <div class="col-md-6"> 
     </div> 
    </div> 
</div> 

Czy to rozsądna praktyka?

Answer 1

Twój kod do zagnieżdżenia jest dokładnie to, co Bootstrap poleca: http://getbootstrap.com/css/#grid-nesting

ile masz konkretne potrzeby show-siatki i klas bs-docs-grid, nie ma potrzeby, aby je dołączyć. Nie są częścią podstawowego pliku CSS ładowania początkowego.

Jeśli uda się uzyskać wymagany układ za pomocą zagnieżdżonych siatek, to z pewnością z nich skorzystam. Pozwoli to zaoszczędzić czas i zmniejszyć potencjalne problemy ze zgodnością przeglądarki.

Powodzenia!