programmazione:bootstrap:script_installazione_bootstrap
Differenze
Queste sono le differenze tra la revisione selezionata e la versione attuale della pagina.
| — |
programmazione:bootstrap:script_installazione_bootstrap [27/04/2018 - 19:48] (versione attuale) Fabio Di Matteo creata |
||
|---|---|---|---|
| Linea 1: | Linea 1: | ||
| + | ====== Uno script bash per installare bootstrap ====== | ||
| + | Autore: **//Fabio Di Matteo//** \\ Ultima revisione: **// 27/04/2018 - 19:44 //** // // | ||
| + | |||
| + | <code bash> | ||
| + | #/bin/bash | ||
| + | |||
| + | BOOTSTRAP_VER='4.1.0' | ||
| + | JQUERY_VER='3.3.1' | ||
| + | |||
| + | |||
| + | echo 'Creo struttura progetto...' | ||
| + | mkdir $1 | ||
| + | cd $1 | ||
| + | |||
| + | mkdir js | ||
| + | mkdir css | ||
| + | |||
| + | |||
| + | echo "Recupero Bootstrap" | ||
| + | wget https://github.com/twbs/bootstrap/releases/download/v$BOOTSTRAP_VER/bootstrap-$BOOTSTRAP_VER-dist.zip -O bootstrap.zip | ||
| + | unzip -o bootstrap.zip | ||
| + | rm bootstrap.zip | ||
| + | |||
| + | echo "Recupero jquery..." | ||
| + | wget https://code.jquery.com/jquery-$JQUERY_VER.min.js -O js/jquery.min.js | ||
| + | |||
| + | echo '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" | ||
| + | "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | ||
| + | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | ||
| + | |||
| + | <head> | ||
| + | <title>Hello bootstrap!</title> | ||
| + | <meta http-equiv="content-type" content="text/html;charset=utf-8" /> | ||
| + | <meta charset="utf-8"> | ||
| + | <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||
| + | |||
| + | |||
| + | <script src="js/jquery.min.js"></script> | ||
| + | <link rel="stylesheet" href="css/bootstrap.min.css"> | ||
| + | <script src="js/bootstrap.bundle.min.js"></script> | ||
| + | </head> | ||
| + | |||
| + | <body> | ||
| + | <div class="alert alert-success" role="alert"> | ||
| + | Ciao bootstrap ! | ||
| + | </div> | ||
| + | <div class="dropdown"> | ||
| + | <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | ||
| + | Se funziona il dropdown allora è tutto apposto! | ||
| + | </button> | ||
| + | <div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> | ||
| + | <a class="dropdown-item" href="#">Action</a> | ||
| + | <a class="dropdown-item" href="#">Another action</a> | ||
| + | <a class="dropdown-item" href="#">Something else here</a> | ||
| + | </div> | ||
| + | </div> | ||
| + | </body> | ||
| + | |||
| + | </html>' >index.html | ||
| + | |||
| + | </code> | ||
programmazione/bootstrap/script_installazione_bootstrap.txt · Ultima modifica: 27/04/2018 - 19:48 da Fabio Di Matteo
Strumenti Pagina
Ad eccezione da dove è diversamente indicato, il contenuto di questo wiki è soggetto alla seguente licenza: CC Attribution-Share Alike 4.0 International
