Ist mit mehreren Zeilen und Spalten ineinander eine Ordnung der Praxis in Bootstrap

Question

Derzeit ich den HTML-Code auf meiner Seite ist Strukturierung wie folgt:

<div class="row"> 
    <div class="col-xs-12"> 
     <div class="container"> 
      <div class="row"> 
       <div class="col-md-8 col-md-offset-2"> 
        <div class="container-2"> 
         <div class="content"></div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

Es gibt 6 divs außerhalb des eigentlichen Inhalts auf jedem Abschnitt. Die äußere Säule soll ein Behälter einer bestimmten Farbe sein, und der innere Behälter füllt nur 8/12 des äußeren Behälters. Dies erzeugt Ränder mit der Hintergrundfarbe des äußeren Behälters der Breite 2 auf jeder Seite der inneren Spalte.

Das sieht gut aus und reagiert. Wie auch immer, ich frage mich, ob diese vielen Divs eine gute Übung sind oder nicht?

Answer 1

Nun, ich denke, es liegt an Ihnen. Wenn Sie das Gefühl haben, dass Sie so viele Divs verwalten können, dann ist es in Ordnung. Aber Sie müssen darüber nachdenken, wenn Sie beispielsweise Ihr Projekt an einen anderen Entwickler weitergeben würden, dann müsste er Ihre Arbeit verstehen, ohne vorher aufzuräumen, also ist es immer wichtig, dies bei der Entwicklung zu berücksichtigen .

Ich würde es vielleicht auf diese Weise konstruieren:

<div class="container"> 
    <div class="row"> 
    <div class="col-xs-12"> 
    </div> 
    </div> 

    <div class="row"> 
    <div class="col-md-8 col-md-offset-2"> 
     <div class="content"></div> 
    </div> 
    </div> 
</div> 

Das ist genau das, was ich tun wan't zu, vielleicht jemand anderes wäre es eine andere Art und Weise tun.