Bootstrap: Satır içinde birden çok iç içe geçmiş satır var mı?

Question

Satırları, iç içe geçmiş sütunlar içinde yuvalandırabileceğinizi biliyorum, ancak satırları doğrudan satırların içine yerleştirmek için 'kurallara aykırı' mıdır?

örn:

<div class="row"> 

    <div class="row"> 
    cols in here 
    </div> 

    <div class="row"> 
    cols in here 
    </div> 

    <div class="row"> 
    cols in here 
    </div> 

</div> 

Yada bu hep sütunlar içinde olmalıdır?

Answer 1

Satırları doğrudan satırların içine yerleştirmek için 'kurallara aykırı' mıdır? kuralları gibi değil direktiflere göre en iyi yöntem karşı

değil . Yukarıdaki otomatik sürüme yönlendirir This is still true with Bootstrap 4.0 Beta dokümanlara link:

..ve sadece sütunlar "satırların hemen çocukları olabilir

* _{Düzen -}

bootstrap guidelines, third point under introduction Başına.. Bu belgeyi işaretlemek için @Aakash Teşekkür ederiz

Bu, Bootstrap'in onun için kullandığı dolgudan kaynaklanmaktadır. düzeni, row-column-row modeliyle yuvalamak için iyi bir uygulamadır, yani bir sütunu yuvaya geçirmek için bir satır yerleştirin.

Aşağıdaki kod parçasındaki farkı görün. İlk işaret kümesi, Bootstrap düzenini bozmaz, ancak kötü bir şey olmaz.

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="container"> 
 
    <div class="row"> 
 
    <div class="row"> 
 
     <div class="col-xs-6">One</div> 
 
     <div class="col-xs-6">Two</div> 
 
    </div> 
 
    </div> 
 
</div> 
 
<hr> 
 
<div class="container"> 
 
    <div class="row"> 
 
    <div class="col-xs-12"> 
 
     <div class="row"> 
 
     <div class="col-xs-6">One</div> 
 
     <div class="col-xs-6">Two</div> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div> 
 
<hr> 
 
<div class="container"> 
 
    <div class="row"> 
 
    <div class="col-xs-12">One</div> 
 
    <div class="col-xs-12">Two</div> 
 
    <div class="col-xs-12">Three</div> 
 
    </div> 
 
</div>