changing breadcrumb formatting to match bootstrap3

rest_framework/static/rest_framework/css/default.css

@@ -32,6 +32,10 @@ h2, h3 {
   margin-right: 1em;
 }
 
+ul.breadcrumb {
+  margin: 80px 0 0 0;
+}
+
 form select, form input, form textarea {
   width: 90%;
 }

rest_framework/templates/rest_framework/base.html

@@ -56,12 +56,15 @@
             {% block breadcrumbs %}
                 <ul class="breadcrumb">
                     {% for breadcrumb_name, breadcrumb_url in breadcrumblist %}
+                        {% if forloop.last %}
+                        <li class="active">{{ breadcrumb_name }}</li>
+                        {% else %}
                         <li>
-                            <a href="{{ breadcrumb_url }}" {% if forloop.last %}class="active"{% endif %}>
+                            <a href="{{ breadcrumb_url }}">
                                 {{ breadcrumb_name }}
                             </a>
-                            {% if not forloop.last %}<span class="divider">&rsaquo;</span>{% endif %}
                         </li>
+                        {% endif %}
                     {% endfor %}
                 </ul>
             {% endblock %}