Bootstrap 3 Template

This is a simple Twitter Bootstrap 3 template. You can fork it to get a ready to use Bootstrap 3 fiddle.

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<h2><a href="https://matthewphiong.com/django-global-template-variable">Pytanie:
czy uzycie rozwiązania spod tego linka jest dobre? KLIK</a></h2>

W <code>base.html</code> mam coś takiego:

<code style="white-space: pre">&lt;div class="full-size-header-image jakas-klasa"&gt;
	&lt;div class="main-h1"&gt;
		&lt;h1&gt;Header&lt;/h1&gt;
	&lt;/div&gt;
&lt;/div&gt;</code>

I <code>jakas-klasa</code> ma jakiś <code>background-image</code>.

Chcę, żeby <code>jakas-klasa</code> nie byla na sztywno, tylko w zaleznosci od urla miala np. <code>jakas-klasa-{{ zmienna }}</code>

W CSS bym mial np.
<code>.jakas-klasa-administracja { background-image:url('http://elo.pl/dupa.jpg'); }</code>

W kodzie końcówkę <code>{{ zmienna }}</code> by bralo z biezacego URLa (to wiem jak zrobic).

I chce wlasnie zdefiniowac <code>{{ zmienna }}</code> raz i żeby było dostępne dla wszystkich templatek.

<h2>Pewnie caly ten pomysl jest chujowy XD</h2>

CSS

/* Latest compiled and minified CSS included as External Resource*/

/* Optional theme */
@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');

body {
    margin: 10px;
    white-space: pre-line
}

JavaScript

/* Latest compiled and minified JavaScript included as External Resource */