Ich habe heute Bootsap gelernt und viel gewonnen. Ich teile hier einen kleinen Fall. Die spezifischen Erklärungen sind alle im Code, was intuitiver ist.
Schauen Sie sich zuerst die Legende an
<! DocType html> <html lang = "zh-cn"> <head> <meta charset = "utf-8"> <meta name = "viewport" content = "width = Gerätebraute, initial-Scale-Styles-Styles-Styles-Styles-Styles-Styles-Styles-Styles-Styles-Styles-Styles-Styles-Styles-Styles-Styles-Styles-Styles-Styles-Styles-Styles-Styles-Styles-Styles-Styles-Styles-Style-Style-Typ-Styles-Typ-Styles-Titel. href = "css/bootstrap.min.css"> <link rel = "stylesheet" type = "text/css" href = "CSS/Bootstrap-responsiv.min of the div to 940px and display in the center--><div> <!-- hero-unit Set the focus view unit--> <div> <h1>Lenovo Holdings</h1> <p><img src="img/bg2.png"></p> <p><a href="#">More»</a></p> </div> <!-- The grid layout defaults to 12 Gitter und jeder Sub-Div ist auf 4 Gitter eingestellt, dh 228px-> <div> <h2> Firmenthemen </H2> <p> Am 2. Dezember 2012 wurde der Lenovo-Star Unternehmertum in Changzhou und Liu Chuanzhi, das mit Unternehmern der Unternehmung der Unternehmer-Unternehmer-Unternehmer-Unternehmer-Unternehmer-Unternehmer-Unternehmer-Unternehmer-Unternehmer-Unternehmerin der Unternehmung des Unglanzes auf dem Wachstum des Wachstums des Wachstums der Top-Unternehmer "The Wachstum des Wachstums des Top-Ungläubigens", gehalten. Team". </p> <!-Btn Button Style-> <p> <a href = "#"> Erfahren Sie mehr »</a> </p> </div> <div> <h1> Besondere Aufmerksamkeit </h1> <p> Aus den Start mit" Verkauf von Computern "bis zum Integrieren der fünf Kernvermögenswerte IT, Immobilien, Verbrauch und modernen Diensten und modernem Materials, 2016 und modernem Materials, 2016 und modernem Materials, und dem modernen Materials und des modernen Materials und dem modernen Materials und dem modernen Materials und dem modernen, 2014. </p> <p><a href="#">More»</a></p> </div> <div> <h1>Our History</h1> <p><img src="img/bg1.png"></p> <p><a href="#">More»</a></p> </div> </div> <hr/> <footer> <p>© Company 2013 </p> </footer> </div> <!-Einführung der JS-Datei von Bootstrap-> <script type = "text/javaScript" src = "js/jQuery.min.js"> </script> <script type = "text/javascript" src = "js/bootstrap.min src = "js/bootstrap-tab.js"> </script> </body> </html> <!-Einführung von Base.css-Datei->/*Fokusstil-Diagramm*/div.hero-unit {/*Hintergrundstil, Standard zu grau*/Hintergrund: url (../ img/bg.png) ohne REPEAT; Breite: 980px; Höhe: 443px; Position: Relativ; /*Standard ist 60px*/ padding: 0; /*Standard ist 30px*/ Margin: 0; Border-Color: Gray;} div.hero-unit h1 {/*title*/display: Keine;}/*Anzeigen werden in der unteren linken Ecke angezeigt. unten: 0; Links: 10px;}/*Schaltflächen werden in der unteren rechten Ecke angezeigt. unten: 14px; Rechts: 20px;}Das obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, es wird für das Lernen aller hilfreich sein und ich hoffe, jeder wird Wulin.com mehr unterstützen.