ファイル選択のボタンにはbootstrapは適用できないのでしょうか?
{% extends "registration/accounts/base.html" %} {% load staticfiles %} {% block content %} <html lang="ja"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="{% static 'bootflat/css/bootflat.min.css' %}"> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> </head> <body> <div class="container"> <form action="{% url 'accounts:upload_save' %}" method="POST" enctype="multipart/form-data"> {% csrf_token %} <h2>おしゃれな写真を送る</h2> <div class="form-group"> <input type="file" class="form-control" name="files[]" multiple> </div> <div class="form-group"> <input type="hidden" value="{{ p_id }}" name="p_id" class="form-control"> </div> <div class="form-group"> <input type="submit" value="送信" class="form-control"> </div> </form> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> </body> </html> {% endblock %}
とコードを書きました。
このとき、ファイル選択のボタンにだけこのように
bootstrapが適用されていません。
他のfromタグで囲まれた内容と同じように <div class="form-group"> で囲んだりclass="form-control"をつけたりしたのですが...
そもそもファイル選択のボタンにはbootstrapは適用できないのでしょうか?
どこをどのように直したらファイル選択のボタンにもbootstrapが適用できますか?
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。