DjangoDjango

Django Messages and Bootstrap 3

Feb 28, 2014 · Updated: Nov 10, 2017 · 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:

python
@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

python
{% 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:

Other Django tutorials:

Next / Previous post:

Subscribe for updates

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