Django Messages and Bootstrap 3

Feb 28, 2014 · 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:

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 %}
{% endif %}

Want to get more 🔥 tips like this one?

Subscribe to get notified about new dev tutorials