Flask-Bootstrapで日本語を記入するとUTF-8エラーが発生する
FlaskとBootstrapでWeb開発を行っているのですが、Bootstrapのコードの中に日本語を記入するとUnicodeDecodeError: 'utf-8' codec can't decode byte 0x82 in position 1303: invalid start byteというようなエラーが発生します。
どうすれば、日本語で書いてもエラーが発生しないようになるのでしょうか。
誰かご回答をお願いします。
ちなみにコードはこちらです。
{% extends "index.html" %}
<head>
<meta charset="utf-8">
</head>
{% block content %}
<div class="container">
<div class="card card-container w-75 mx-auto">
<form method="POST" action="">
{{ form.hidden_tag()}}
<fieldset class="form-group">
<center>
<img id="profile-img" class="profile-img-card img-responsive " src="//ssl.gstatic.com/accounts/ui/avatar_2x.png" style="border-radius:100%"/>
</center>
<legend class="border-bottom mb-4">Join Today</legend>
<div class="form-group">
{{form.username.label(class="form-control-label")}}
{{ form.username(class="form-control w-75 mx-auto")}}
</div>
<div class="form-group">
{{ form.email.label(class="form-control-label")}}
{{ form.email(class="form-control w-75 mx-auto")}}
</div>
<div class="form-group">
{{ form.password.label(class=" form-control-label")}}
{{ form.password(class="form-control w-75 mx-auto")}}
</div>
<div class="form-group">
{{ form.confirm_password.label(class="form-control-label")}}
{{ form.confirm_password(class="form-control w-75 mx-auto")}}
</fieldset>
<div class="form-group">
{{ form.submit(class="btn btn-block btn-primary w-75 mx-auto") }}
</div>
</form>
</div>
<div class="border-top pt-3">
<small class="text-muted">
すでにアカウントを持っていますか?<a class="ml-2" href="{{url_for('login')}}">ログイン</a>
</small>
</div>
{% endblock content %}