2016-08-08 6 views
3

で互いの内側大丈夫練習を複数の行と列をしている次のように現在、私は自分のページ上のHTMLを構築しています:は、ブートストラップ

<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> 

各セクションの実際のコンテンツの外側6つのdivがあります。外側の列は特定の色の容器になり、内側の容器は外側の容器の8/12までしか満たされません。これにより、内側の列のいずれかの側で、幅2の外側コンテナの背景色でマージンが生成されます。

これは素晴らしく、反応が良いです。しかし、私はこの多くの部門を持つことが良い練習であるかどうか疑問に思っていますか?

+0

詳細については、このリンクをチェックしてください:https://www.sitepoint.com/community/t/why-too-many-divs-is-bad-practice/7754 –

+0

あなたの質問はこれと似ています:http: //stackoverflow.com/questions/28376773/is-having-multiple-classes-in-an-element-a-good-or-best-practice –

答えて

0

これはあなた次第です。あなたがこのように多くのdivを管理できるように感じたら、それはいいです。しかし、あなたが考えなければならないことは、例えば、あなたのプロジェクトを別の開発者に渡すならば、彼は仕事を始める前に自分の仕事を理解する必要があるから、開発するときには、 。

私は多分それをこのように構築します:

<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> 

これはちょうど私がやってwan't何、多分他の誰かがそれを別の方法を行うだろうです。

関連する問題