Django: Perché dovrei usare un pacchetto per l'integrazione di bootstrap di Twitter?

Question

Ho letto diversi post su quale bootstrap uso pacchetto (principalmente croccante-forma VS django-toolkit-integrazione)

Ma io sono abbastanza nuovo per Django e io continuo a non capire che cosa è la reale necessità di questi pacchetti . Voglio dire, il bootstrap di Twitter non è altro che i file css/js. Quindi, ho pensato di utilizzare il bootstrap collegando i miei formati e campi Django alle classi HTML (usando i widget per i form .py e direttamente nei modelli .html per altri campi)

Quindi, quali sono i vantaggi di questi pacchetti? È solo comodità o mi manca davvero qualcosa se scelgo di non usarlo?

Grazie per l'aiuto!

Answer 1

È solo una comodità per le forme. Ti fornisce i tag del modello. Django fornisce due metodi as_p, as_ul e as_table ma nessuno di essi funziona perfettamente con il bootstrap. Quindi usi qualcosa come invece.

{% extends 'base.html' %} 
{% load crispy_forms_tags %} 

{% block content %} 
    {% form|crispy %} 
{% endblock %} 

Fornisce inoltre alcune classi convenienti da configurare nei moduli Django.

Quindi, non è necessario ma ti salverà alcuni problemi per configurare i moduli. Puoi iniziare senza di loro e quando i problemi arriveranno, li troverai utili.

Answer 2

Come hai detto tu, Twitter Bootstrap sono solo file CSS e JS che verranno applicati nella struttura HTML e avranno una nuova faccia dei suoi elementi. Bootstrap offre numerosi elementi e stili già pronti.

Molti siti web sono strutture pronte e anche il sito utilizzando modelli pronti Bootstrap, come: Bootsnipp, Bootswatch, Wrapbootstrap e molti altri. Il grande vantaggio che vedo non è perdere tempo con gli stili (non sto denigrando i designer) e concentrarsi maggiormente sulla programmazione.

La mia nota finale è: dare una possibilità al Bootstrap di Twitter, è molto utile per creare modelli e stili più velocemente, più focalizzati sul prodotto finale.

Answer 3

Alcuni di questi pacchetti sono fatti per poter scrivere il tuo CSS in Less (la lingua) e compilarli automaticamente. Inoltre, alcuni potrebbero aggiungere compressione e concatenazione di risorse.

Come Bootstrap non è altro che un gruppo di file Javascript (e io non uso Meno) finora ho solo bisogno di integrazione forma, che si ottiene facilmente da questo CSS e:

Nota: Questo è un esempio molto specifico del mio codice, ma tu hai l'idea.

<div class="row"> 
    <div class="span6 offset3"> 

    <form id="form-history" class="form-horizontal text-center" 
      action="/somepath/" method="post"> 
     <fieldset> 
      <legend><h3>History</h3></legend> 

    {% for field in form %} 
     <div class="row"> 
      <div class="span3">{{ field.label }}</div> 
      <div class="span3">{{ field }}</div> 
     </div> 
    {% endfor %} 

     <div class="row pull-right"> 
      <button class="btn btn-primary btn-large" type="submit"> 
       <i class="icon-ok icon-white"></i> Find 
      </button> 
     </div> 

     </fieldset> 
    </form>