DjangoDjango

Django Messages and Bootstrap 3

Feb 28, 2014 · Updated: Jul 12, 2021 · by Tim Kamanin

To make Django messages look nice in your bootstrap 3 template you need two things:

  1. Create a custom template tag to define css name for a message:

    @register.assignment_tag
    def get_bootstrap_alert_msg_css_name(tags):
        return "danger" if tags == "error" else tags
    

  2. Add this snippet to your base.html:

    {% if messages %}
    <ul class="list-unstyled messages">
      {% for message in messages %} {% get_bootstrap_alert_msg_css_name message.tags
      as alert_tag %}
      <li class="alert alert-{{ alert_tag }}">{{ message }}</li>
      {% endfor %}
    </ul>
    {% endif %}
    

Hey, if you've found this useful, please share the post to help other folks find it:

There's even more:

Subscribe for updates

  • via Twitter: @timonweb
  • old school RSS:
  • or evergreen email ↓ ↓ ↓