2016-05-07 51 views
-1

我想用hr元素在段落下劃一條線。 propbelem是p元素在引導程序中具有15px的填充,但hr元素跨越到完整的可用寬度。段落下方的行向左延伸15px,向右延伸至段落寬度。所以,我只是做了以下內容:在引導程序中使用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-12col-lg-12。但在bootstrap中,我們應該在.row類中嵌套.col。那麼可以在col class裏面使用col class嗎?

+0

「可以嗎?」。瀏覽器不會抱怨,但它不是一個好習慣。只需添加一個自定義類並給予填充。 – tmg

+1

它是否實現了您想要的佈局?沒有任何規則。你喜歡什麼。 – Turnip

+0

它可能不會計算,並根據包裝應用一切..我會建議在這種情況下使用flexbox –

回答

2

這不是一個Bootstrap的最佳做法,因爲你提到col應該在行內。效果將是內部col的左側和右側的額外間距。