2016-05-07 11 views
-1

段落の下の行をhr要素で描画します。 propbelemは、p要素がブートストラップに15pxのパディングを持ちますが、hr要素が利用可能な全幅に及んでいるということです。段落の下の行は、段落の幅の15pxの左と15の右に広がります。だから、僕は次のことをやった:ブートストラップでcolクラスの中でcolクラスを使うのはいいですか?

   <div class="row"> 
       <div class="col-lg-12 text-justify"> 
       <p> 
        Some text is here. 
       </p> 

       </div> 
       <div class="row"> 
       <div class="col-lg-12"> <div class="col-lg-12"><hr></div></div> 
       </div> 

私はcol-lg-12内に直接col-lg-12を入れ子になりました。しかし、ブートストラップでは、.col.rowクラスの内側にネストする必要があります。だからここで大丈夫colクラス内のcolクラスを使用していますか?

+0

「大丈夫ですか?」ブラウザは不平を言うことはありませんが、それは良い習慣ではありません。カスタムクラスを追加してパディングを与えるだけです。 – tmg

+1

あなたが望むレイアウトを達成していますか?ルールはありません。あなたが好きなことをやりなさい。 – Turnip

+0

それはそれを数えず、ラッパーごとにすべてを適用するかもしれません.iはそのような場合にflexboxを使うことを提案します –

答えて

2

あなたがcolが内側にあるべきだと言っているので、これはブートストラップのベストプラクティスではありません。エフェクトは内側の列の左右に余分なスペースがあります。

関連する問題