[flask-bootstrap] 화면 띄우기

1. flask-bootstrap에서 화면 띄우기 

 

- bootstrap 웹 개발 위해 손쉽게 반응형 웹을 만들 수 있다

 

 

2. 파이썬 가상환경에 flask와 flask-boostrap을 설치한다. 

 

pip install flask flask-bootstrap

 

 

3. 다음과 같이 project를 구성할 것이다. 

 

 

 

 

3.1 app.py 

 

from flask import Flask, render_template
from flask_bootstrap import Bootstrap
 
app = Flask(__name__)
Bootstrap(app)
 
@app.route('/')
def index():
    return render_template('index.html')
 
if __name__ == "__main__":
    app.run(debug=True)

 

3.2 index.html 

 

{% extends "bootstrap/base.html" %}
{% block title %}This is an example page{% endblock %}
 
{% block navbar %}
<div class="navbar navbar-fixed-top">
  <!-- ... -->
</div>
{% endblock %}
 
{% block content %}
  <h1>Hello, Bootstrap</h1>
 
{% endblock %}

 

 

<출처>

1.  https://pythonhosted.org/Flask-Bootstrap/basic-usage.html#templates

Basic usage — Flask-Bootstrap 3.3.7.1 documentation