使用Flask-bootstrap，怎么修改样式？

Question

使用 flask 的 jinja 和 bootstrap 写界面时，代码是这样的：

{% block content %}
<div class="container">
    <div class="page-header">
        <h1>Test-header h1</h1>
    </div>
</div>

<div class="container">
    <div class="page-header">
        <h2>Test-header h2</h2>
    </div>
</div>
{% endblock %}

显示效果是;

如果我想把第二个 class="container" 的 div 都比第一个 class="container" 的 div 的都向右移动一点，也就是改变第二个的 margin 的参数，要怎么做？

我尝试用一个新的类声明了 margin 的值，但不顶用。

Answer 1

建议你看看这篇文章——Flask 项目中使用 bootstrap

这是在 flask 项目中直接应用 bootstrap，你可以尽情的修改。

Answer 2

<div class="container test">
    <div class="page-header">
        <h2>Test-header h2</h2>
    </div>
</div>
<style>
    .container.test{
        margin:2cm 2cm 2cm 2cm;
    }
</style>