Rework nav to use Bootstrap's Navbar.

This commit is contained in:
Alec Perkins 2012-09-07 16:09:28 -04:00
parent 5043b9f656
commit 54cc93a813
2 changed files with 130 additions and 117 deletions

View File

@ -0,0 +1,3 @@
body {
padding-top: 1em;
}

View File

@ -20,26 +20,36 @@
</head>
<body class="{% block bodyclass %}{% endblock %}">
<div id="container">
<body class="{% block bodyclass %}{% endblock %} container">
<div id="header">
<div id="branding">
<h1 id="site-name">{% block branding %}<a href='http://django-rest-framework.org'>Django REST framework</a> <span class="version"> v {{ version }}</span>{% endblock %}</h1>
</div>
<div id="user-tools">
<div class="navbar">
<div class="navbar-inner">
<span class="brand" href="/">
{% block branding %}<a href='http://django-rest-framework.org'>Django REST framework</a> <span class="version"> v {{ version }}</span>{% endblock %}
</span>
{% block userlinks %}
<ul class="nav pull-right">
{% if user.is_active %}
Welcome, {{ user }}.
{% optional_login %}
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
Welcome, {{ user }}
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li>{% optional_logout %}</li>
</ul>
</li>
{% else %}
{% optional_logout %}
<li>{% optional_login %}</li>
{% endif %}
</ul>
{% endblock %}
</div>
{% block nav-global %}{% endblock %}
</div>
{% block nav-global %}{% endblock %}
<div class="breadcrumbs">
{% block breadcrumbs %}
{% for breadcrumb_name, breadcrumb_url in breadcrumblist %}