English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Bootstrap è la libreria di componenti front-end più popolare al mondo, utilizzata per sviluppare progetti web responsive e con priorità sui dispositivi mobili.
Bootstrap4 è la versione più recente di Bootstrap, un set di strumenti open source per lo sviluppo di HTML, CSS e JS. Utilizzando le variabili Sass che forniamo, insieme a una vasta gamma di mixin, un sistema di griglia responsive, componenti prefabbricati estensibili e un sistema di plugin potente basato su jQuery, puoi sviluppare rapidamente prototipi o costruire interi app.
Se hai una conoscenza di base di HTML e CSS, puoi leggere questa guida e sviluppare il tuo sito web. Dopo aver completato questa guida, raggiungerai un livello medio di sviluppo di progetti web utilizzando Bootstrap.
Prima di iniziare a leggere questo tutorial, devi avere le basi di HTML, CSS e JavaScript. Se non conosci questi concetti, ti consigliamo di leggere prima questi tutorial nostri:
<!DOCTYPE html> <html> <head> <title>Bootstrap4 Esempio</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script> </head> <body> <div class="jumbotron text-center"> <h1>La mia prima pagina Bootstrap</h1> <p>Resetta la dimensione del browser per vedere l'effetto!</p> </div> <div class="container"> <div class="row"> <div class="col-sm-4"> <h3>Prima colonna</h3> <p>Manuale di base</p> <p>Impara le basi per andare più lontano！！！</p> </div> <div class="col-sm-4"> <h3>Seconda colonna</h3> <p>Manuale di base...</p> <p>Impara le basi per andare più lontano！！！</p> </div> <div class="col-sm-4"> <h3>Terza colonna</h3> <p>Manuale di base...</p> <p>Impara le basi per andare più lontano！！！</p> </div> </div> </div> </body> </html>Testa a vedere ›/›
Bootstrap4 是 Bootstrap 的最新版本，与 Bootstrap3 相比拥有更多的具体类以及将一些相关部分变成了相关组件。同时 Bootstrap.min.css 的体积减少了 40% 以上。
Bootstrap4 放弃了对 IE8 以及 iOS 6 的支持，现在仅支持 IE9 及以上以及 iOS 7 及以上版本的浏览器。如果需要使用以前的浏览器，那么请使用 Bootstrap3。
注意：默认情况下，Bootstrap 4 采用移动优先方法进行响应。Bootstrap 4.3 是 Bootstrap 的最新，最稳定的版本。所有主要的现代浏览器都支持 Bootstrap 4，例如 Google Chrome，Firefox，Safari，Internet Explorer 10 及更高版本等。