如何放大bootstrap的h1.page-header行？

Question

如何在bootstrap的h1.page-header下擴展該行？

這裏有一個template：

<h1 class="page-header">ABC</h1> 

提前感謝！

Answer 1

我假設你的意思是放大，因爲它已經是全寬了。

將此添加到CSS中獲取最簡單的方案。

h1.page-header { 
    border-width: 3px; 
} 

Answer 2

對修改後的問題的回答。適當的解決方案取決於您的頁面佈局，h1周圍的元素及其邊距和填充等。我不知道您的佈局是什麼，但請試試這些：

要麼a）將文本右移

h1.page-header { 
    padding-left: 20px; 
} 

或b）整個頭部向左側移位，並通過移動文本相同的距離向右

h1.page-header { 
    padding-left: 20px; 
    margin-left: -20px 
}