Ci sono molte domande qui relative a Bootstrap. Vedo molte persone che lo usano. Così ho provato a ricercarlo e ho trovato il sito Bootstrap ufficiale , ma c'erano solo una sezione di download e poche parole dopo. Niente che spiega a cosa serva ... Ho appena capito che è un aiuto front-end. Ho cercato di trovare qualcosa su Google, ma non ho trovato nulla di specifico. Tutto ciò che ho trovato è legato alla definizione di informatica.

Quindi, le mie domande sono:

• Che cos'è Bootstrap?
• A cosa serve e come aiuta lo sviluppo front-end?
• Vorrei anche qualche dettaglio in più per spiegarlo.

È un framework open source HTML, CSS e JavaScript (inizialmente creato da Twitter) che è possibile utilizzare come base per la creazione di siti Web o applicazioni Web.

• Ulteriori informazioni e collegamenti da scaricare

• Iniziare

• Esempi

• Temi

• Bootply - Bootstrap Editor e Builder

Aggiornare

Il sito Web bootstrap ufficiale è aggiornato e include una definizione chiara.

"Bootstrap è il framework HTML, CSS e JS più popolare per lo sviluppo di primi progetti mobili e reattivi sul Web."

"Progettato e costruito con tutto l'amore del mondo da @mdo e @fat ."

Bootstrap è un framework Javascript open source sviluppato dal team di Twitter. È una combinazione di codice HTML, CSS e Javascript progettato per aiutare a costruire componenti dell'interfaccia utente. Bootstrap è stato inoltre programmato per supportare sia HTML5 che CSS3.

Inoltre si chiama Front-end-framework.

Bootstrap è una raccolta gratuita di strumenti per la creazione di siti Web e applicazioni Web.

Contiene modelli di progettazione basati su HTML e CSS per tipografia, moduli, pulsanti, navigazione e altri componenti dell'interfaccia, nonché estensioni JavaScript opzionali.

Alcuni motivi per i programmatori hanno preferito Bootstrap Framework

1. Facile da iniziare

2. Ottimo sistema a griglia

3. Stile di base per la maggior parte degli elementi HTML (tipografia, codice, tabelle, moduli, pulsanti, immagini, icone)

4. Ampio elenco di componenti

5. Plugin Javascript in bundle

Tratto da Informazioni su Bootstrap Framework

Bootstrap, come lo conosco, è un CSS ben definito. Anche se usando Bootstrap potresti anche usare JavaScript, jQuery ecc. Ma la differenza principale è che, usando Bootstrap puoi semplicemente chiamare il nome della classe e quindi ottenere l'output nel modulo HTML. per es. colorazione dei pulsanti modellatura del testo, utilizzando layout. Per tutto questo non devi scrivere un file CSS, ma devi solo usare il nome di classe corretto per modellare il modulo HTML.

In parole più semplici, puoi comprendere Bootstrap come un framework Web front-end creato da Twitter per una creazione più rapida di applicazioni Web sensibili al dispositivo. Bootstrap può anche essere inteso principalmente come una raccolta di classi CSS che sono definite in esso e che possono essere semplicemente usate direttamente. Utilizza CSS, javascript, jQuery ecc. In background per creare lo stile, gli effetti e le azioni per gli elementi Bootstrap.

Potresti sapere che utilizziamo i CSS per definire lo stile degli elementi di una pagina Web e creare classi e assegnare classi agli elementi di una pagina Web per applicare lo stile ad essi. Bootstrap qui semplifica la progettazione in quanto dobbiamo solo includere i file Bootstrap e menzionare i nomi di classe predefiniti di Bootstrap per i nostri elementi della pagina Web e questi verranno automaticamente definiti tramite Bootstrap. Attraverso questo, ci liberiamo di scrivere le nostre classi CSS per dare uno stile agli elementi della pagina web. Soprattutto Bootstrap è progettato in modo tale da rendere reattivo il dispositivo del tuo sito Web e questo è lo scopo principale di esso. Altre alternative per Bootstrap potrebbero essere: framework Foundation , Materialise ecc.

Bootstrap ti libera dalla scrittura di un sacco di codice CSS e ti fa anche risparmiare tempo da dedicare alla progettazione delle pagine web.

Bootstrap è un CSS, un framework JavaScript open source che è stato originariamente sviluppato per l'applicazione twitter dal team di designer e sviluppatori di Twitter. Quindi lo hanno rilasciato per open-source. Essendo un utente di lunga data di Twitter Bootstrap, trovo che sia uno dei migliori per la progettazione di siti Web responsive mobili. Molti plug-in CSS e Javascript sono disponibili per la progettazione del tuo sito Web in pochissimo tempo. È una specie di framework per la progettazione rapida di modelli. Alcune persone si lamentano del fatto che i file CSS bootstrap sono pesanti e richiedono tempo per essere caricati, ma queste affermazioni sono fatte da persone pigre. Non è necessario conservare il bootstrap.css completo nel tuo sito Web. Hai sempre la possibilità di rimuovere gli stili per i componenti che non ti servono per il tuo sito web. Per esempio, se stai utilizzando solo componenti di base come moduli e pulsanti, puoi rimuovere altri componenti come fisarmoniche ecc. dal file CSS principale. Per iniziare a dilettarti nel bootstrap puoi scaricare i modelli e i componenti di base dasito getbootstrap e lasciare che la magia accada.

Disclaimer: ho usato bootstrap in passato, ma non ho mai veramente apprezzato ciò che è realmente prima, questa descrizione viene da me arrivando alla mia definizione, oggi. E so che bootstrap v4 è uscito, ma ho trovato la documentazione bootstrap v3 molto più chiara, quindi l'ho usata. La biblioteca non cambierà radicalmente ciò che fornisce.

Brevemente

Bootstrap è una raccolta di file CSS e javascript che fornisce uno stile predefinito di bell'aspetto per elementi html standard e alcuni oggetti di contenuto Web comuni che non sono elementi html standard.

Per fare un'analogia, è un po 'come applicare un tema in powerpoint, ma per il tuo sito Web: rende le cose piuttosto belle senza troppo sforzo iniziale.

In cosa consiste?

La documentazione ufficiale v3 la suddivide in tre sezioni:

• CSS
• componenti
• Javascript

Questi corrispondono approssimativamente alle tre cose principali fornite da Bootstrap:

• File CSS semplici che definiscono elementi html standard. Quindi, Bootstrap rende belli i tuoi elementi standard. es. html:<input class="btn btn-default" type="button" value="Input">Click me</button>
• File CSS che usano lo stile su elementi html standard per trasformarli in qualcosa che non è un elemento html standard ma è un elemento Bootstrap standard (ad es. Https://getbootstrap.com/docs/3.3/components/#progress ). In questo modo Bootstrap estende l'elenco di elementi Web "standard" in modo visivamente coerente. es. html:<span class="glyphicon glyphicon-align-left"></span>
• Le classi CSS sono progettate pensando a jQuery. Internamente, Bootstrap utilizza i selettori jQuery per modificare gli stili al volo e interagire con il DOM, fornendo così all'utente le stesse funzionalità. Credo che ciò richieda ulteriori spiegazioni, quindi ...

Utilizzando Javascript / jQuery

Bootstrap estende parecchio jQuery . Se guardiamo il codice sorgente, possiamo vedere che usa jQuery per fare cose come: impostare listener per l'evento keydown per interagire con i menu a discesa . Fa tutto questo setup di jQuery quando lo importi nel tuo <script>tag, quindi devi assicurarti che jQuery sia caricato prima di Bootstrap.

Inoltre, collega javascript al DOM più strettamente del semplice jQuery, fornendo un'interfaccia di classe javascript . ad esempio attivare / disattivare un pulsante a livello di codice . Ricorda che CSS definisce semplicemente l'aspetto di una cosa, quindi il compito principale di queste operazioni tenderà a essere quello di modificare quali classi CSS si applicano all'elemento in quel momento. Questo tipo di modifica, basata sull'input dell'utente, non può essere effettuata con un semplice CSS.

Esistono altre interazioni standard con un utente a cui siamo abituati Internet che non sono coperte dai CSS. Ad esempio, facendo clic su un collegamento che scorre verso il basso di una pagina invece di cambiare pagina. Una delle cose che Bootstrap ti offre è un modo semplice per implementare questo comportamento sul tuo sito web.

Standards

Ho menzionato molto la parola "standard" qui, e per una buona ragione. Penso che la cosa migliore che Bootstrap fornisca sia un insieme di standard di bell'aspetto. Sei libero di modificare il tema predefinito quanto vuoi, ma è una linea di base migliore rispetto a html, css e js non elaborati. Ed è per questo che si chiama "framework".

Browser Web diversi hanno stili predefiniti diversi e possono agire in modo diverso e necessitano di prefissi CSS diversi e cose del genere. Uno dei maggiori vantaggi di Bootstrap è che è molto più affidabile della scrittura di tutte le cose cross-browser da soli (avrai comunque problemi, ne sono sicuro, ma è più facile).

Penso che Bootstrap fosse preferito di più quando gulp e babel non erano così popolari. Guardando Bootstrap sembra provenire da un tempo prima che tutti compilassero il loro javascript. È ancora pertinente, ma ora puoi ottenere alcuni dei vantaggi da altre fonti.

_{Le versioni più recenti di CSS ti hanno permesso di definire le transizioni tra questi elenchi statici mentre cambiano. La versione originale di Bootstrap in realtà precede l'adozione diffusa di questa funzionalità nei browser, quindi hanno ancora le proprie classi di animazione. Ci sono alcuni pezzetti di Bootstrap che sono così: che altre cose sono venute fuori e lo rendono un po 'ridondante.}

Bootstrap è un framework HTML, CSS, JS con molti componenti che ti consentono di creare siti Web o applicazioni Web belli e moderni molto velocemente.

I seguenti siti Web contengono esempi, elementi e componenti riutilizzabili che è possibile integrare nel progetto utilizzando il framework bootstrap

bootsnipp.com

startbootstrap.com

bootdey.com

Bootstrap è il framework open source più popolare e ampiamente utilizzato al mondo per lo sviluppo con HTML, CSS e JS. È un framework front-end di HTML. Bootstrap aiuta a creare siti Web o applicazioni Web reattivi e un sistema a griglia a 12 colonne che consente di adattare dinamicamente il sito Web a una risoluzione dello schermo adeguata. La versione corrente di bootstrap è 4.3.1 e il team di bootstrap ha anche annunciato ufficialmente la versione di Bootstrap 5 e modifiche come la rimozione di jquery da bootstrap. Alcuni dei motivi cruciali per cui è preferibile il framework bootstrap

• È facile da usare
• Bootstrap ha un grande supporto da parte della community
• Le personalizzazioni possono essere fatte facilmente
• Aumenta la velocità di sviluppo

• di risposte

  Per ulteriori dettagli, è possibile controllare il sito Web ufficiale: https://getbootstrap.com/

Fonte: https://vmokshagroup.com/blog/bootstrap-advantages/

Per gli standard odierni e la terminologia web, direi Bootstrap è in realtà non è un quadro , anche se questo è ciò che le loro richieste di siti web. La maggior parte degli sviluppatori considera i framework Angular, Vue e React, mentre Bootstrap viene comunemente chiamato " libreria " ".

Ma, per essere esatti e corretti, Bootstrap è una raccolta open source e mobile-first di utilità di progettazione CSS, JavaScript e HTML mira a fornire mezzi per sviluppare elementi web di uso comune molto più velocemente (e più intelligenti) che doverli codificare da zero .

Alcuni principi fondamentali che hanno contribuito al successo di Bootstrap:

• è riutilizzabile
• è flessibile (ovvero: consente sistemi di griglia personalizzati, modifica dei punti di interruzione della reattività, dimensioni delle grondaie della colonna o colori di stato con facilità; come regola generale, la maggior parte delle impostazioni sono controllate da variabili globali)
• è intuitivo
• è modulare (sia JavaScript che (S) CSS utilizzano un approccio modulare; si possono facilmente trovare tutorial su come creare build Bootstrap personalizzate, per includere solo le parti di cui hanno bisogno)
• ha una compatibilità cross-browser superiore alla media
• accessibilità web pronta all'uso (predisposto per lo screen reader)
• è abbastanza ben documentato

Contiene modelli e funzionalità di progettazione per: layout, tipografia, moduli, navigazione, menu (compresi i menu a discesa), pulsanti, pannelli, badge, modali, avvisi, schede, pieghevoli, fisarmoniche, caroselli, elenchi, tabelle, impaginazione, utilità multimediali (inclusi incorporamenti, sostituzione di immagini e immagini), utilità di reattività, utilità basate sul colore (primario, secondario, pericolo, avviso, informazioni, luce, scuro, disattivato, bianco), altre utilità (posizione, margine, riempimento, dimensionamento, spaziatura, allineamento, visibilità), scrollspy, affix, tooltip, popovers.

Per impostazione predefinita, si basa su jQuery, ma troverai varianti gratuite di jQuery basate su ciascuno dei moderni framework JavaScript progressivi popolari:

• React-Bootstrap - Bootstrap con tecnologia React
• BootrapVue - Bootstrap alimentato da Vue
• ng-bootstrap - Bootstrap con alimentazione angolare

Lavorare con Bootstrap dipende molto dall'applicazione di determinate classi (o, a seconda del framework JS: direttive, metodi o attributi / oggetti di scena) e dall'uso di particolari strutture di markup.

La documentazione in genere contiene esempi generici che possono essere facilmente incollati e utilizzati come modelli di avvio.

Un altro vantaggio dello sviluppo con Bootstrap è la sua vibrante comunità, tradotta in un'abbondanza di temi, modelli e plug-in disponibili, molti dei quali sono open-source (ad esempio: calendari, selettori di data / ora, plug-in per la gestione di contenuti tabulari, come nonché librerie / raccolte di componenti basate su Bootstrap, come MDB, modelli di portfolio, modelli di amministrazione, ecc ...)

Ultimo, ma non meno importante, Bootstrap è stato ben mantenuto negli anni, il che lo rende una scelta solida per applicazioni / siti Web pronti per la produzione.