鍍金池/ 問答/Python  網(wǎng)絡(luò)安全  HTML/ 使用Flask-bootstrap，怎么修改樣式？

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

使用 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 %}

顯示效果是;

clipboard.png

如果我想把第二個 class="container" 的 div 都比第一個 class="container" 的 div 的都向右移動一點，也就是改變第二個的 margin 的參數(shù)，要怎么做？

我嘗試用一個新的類聲明了 margin 的值，但不頂用。

回答
編輯回答
黑與白

建議你看看這篇文章——Flask 項目中使用 bootstrap

這是在 flask 項目中直接應(yīng)用 bootstrap，你可以盡情的修改。

2017年2月14日 07:05
編輯回答
維她命
<div class="container test">
    <div class="page-header">
        <h2>Test-header h2</h2>
    </div>
</div>
<style>
    .container.test{
        margin:2cm 2cm 2cm 2cm;
    }
</style>
2017年4月1日 02:01