如何扩大引导程序的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
}