Django z Twittera Bootstrap3 i motywy

Question

Długo się nad tym zastanawiam i eksperymentuję i nie potrafię wymyślić, jak najlepiej to osiągnąć. Wiem, że robię to źle, więc pewne wyjaśnienia, a także kilka szybkich przykładów bardzo by pomogły.

Zastanawiam się nad wykorzystaniem motywu bootstrap3 z https://wrapbootstrap.com/ z Django. Zbadałem pakiety django-bootstrap3 i django-bootstrap-themes. Na stronie github tematów django-bootstrap jest napisane, że jest kompatybilny z bootownikiem. Nie lubię ich motywów, więc zastanawiałem się, czy jest kompatybilny z motywami wrapbootstrap.com. Tematy, które wybiorę z wrapbootstrap.com, to responsywne motywy HTML. Chciałem wiedzieć, czy z osobistego doświadczenia nikt nie wie, który z tych pakietów najlepiej nadaje się do używania motywów z wrapbootstrap.com z django.

Rozumiem, że można po prostu zabrać z tematu arkusze stylów, skrypty, umieścić je w odpowiednich folderach w statycznych i przekształcić bazę HTML w szablon podstawowy, a także inne strony. Następnie zainstaluj bootstrap z CDN. Wiem, że jest to również możliwe z django-bootstrap3. Ale nigdzie nie mogę znaleźć odpowiedzi na pytanie, co jest obecnie najlepszym sposobem na zintegrowanie jednego z tych motywów i twittera bootstrap3 z witryną Django, oraz kilka szybkich przykładów takiego działania.

Dzięki, i każda rada za to pomoże tona.

Answer 1

Pakiet django-bootstrap3 to fajna aplikacja narzędziowa, która umożliwia tworzenie mniejszej ilości znaczników HTML w szablonach, które w przeciwnym razie byłyby wymagane do uruchomienia programu ładującego. Do tego celu wykorzystuje dodatkowe tagi szablonów.

Uważam, że ten pakiet jest przyjemny i czasami go używam, ale zazwyczaj po włączeniu się w bootstrap, doceniacie go.

Wygląda na to, że pakiet django-bootstrap-themes to aplikacja, która również oferuje niektóre tagi szablonów, takie jak poprzedni pakiet, ale podobno mniej. Ale pozwala również na łatwą integrację motywów z Bootswatch w szablonach Django, co jest miłe, jeśli uważasz, że te szablony są atrakcyjne. Poza tym I osobiście znaleźć nie ma innego powodu, aby z niego korzystać. Ale znowu oba pakiety mogą być używane razem, jeśli pasują do ciebie.

Kilka przykładów:

W celu uzyskania bootstrap dzieje w szablonach bez dowolny inny pakiet, trzeba by zaliczyć w bazowym pliku html:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"> 
{# HTML5 shiv and Respond.js for IE8 support of HTML5 elements and media queries #} 
{# WARNING: Respond.js doesn't work if you view the page via file:// #} 
<!--[if lt IE 9]> 
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> 
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> 
<![endif]--> 

i na dolny:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> 

Z django-bootstrap3 to becomes:

{% load bootstrap3 %} 
{% bootstrap_css %} 
{% bootstrap_javascript %} 

Ale niektóre inne znaczniki są bardzo uproszczone.Na przykład postać bootstrap (zob the official docs example) staną się łatwe jak:

<form action="/url/to/submit/" method="post" class="form"> 
    {% csrf_token %} 
    {% bootstrap_form form %} 
    {% buttons %} 
    <button type="submit" class="btn btn-primary"> 
     {% bootstrap_icon "star" %} Submit 
    </button> 
    {% endbuttons %} 
</form> 

Aby załadować bootstrap z django-bootstrap tematycznych:

{% load bootstrap_themes %} 
{% bootstrap_script use_min=True %} 

I widocznie ten sposób byłoby użyć jednego z tematy z bootswatch:

{% bootstrap_styles theme='cosmo' type='min.css' %} 

Podsumowując, jeśli chcesz używać innych gotowych Motyw bootstrap w szablonach nadal wymagałby zastosowania standardowego podejścia opisanego w pytaniu, w miarę możliwości wykorzystując niektóre z powyższych narzędzi.