Artikel ini membagikan kode implementasi halaman bootstrap pertama untuk referensi Anda. Konten spesifiknya adalah sebagai berikut
Gambar reproduksi:
Kode Implementasi:
<! Doctype html> <html> <head> <meta charset = "utf-8" /> <meta name = "viewport" content = "width = perangkat-lebar, skala awal = 1" /> <!-untuk memastikan penskalaan layar yang tepat dan penskalaan layar sentuh, tag metadata viewport perlu ditambahkan di <head>. -> <itement> </itement> <link href = "css/bootstrap.min.css" rel = "stylesheet"> <script type = "text/javascript" src = "js/jQuery-1.9.1.min.js"> </skrip <script script script = "js/bootstrap. 110px 0px 110px; margin-bottom: 0px; } .masThead: After {Content: ''; Tampilan: Blok; Posisi: Absolute; TOP: 0; Kanan: 0; Bawah: 0; Kiri: 0; Latar Belakang: URL (IMG/BG1.PNG) Pusat Pusat Ulangi; Opacity: 0.4; } .masthead h1 {font-weight: 700; Ukuran font: 700%; } .active {font-size: 120%; font-weight: bold;} .masthead-a {opacity: 0.5; Warna: Putih; font-size: medium; } .masthead-a: hover {color: white; Opacity: 1; } .modal-header li i {opacity: 0.5;} .text-align {display: inline; } .img-ls {lebar: 23%; Perbatasan: 1px Solid HSL (0, 0%, 87%); margin-kanan: 2%; padding: 4px 0px; margin-bottom: 6%; Min-Height: 350px; Max-Height: 600px; float: kiri; } .img-ls img {lebar: 97%; Tinggi: otomatis; } .img-ls img: hover {kursor: pointer; } .footer {padding: 50px 50px; } .navbar-nav li{display: inline;} </style> </head> <body> <div> <!-- Define the tone, position, size and background of the internal framework --> <div> <button type="button" data-toggle="collapse" data-target=".navbar-collapse"> <span>Toggle navigation</span> <span></span> <span></span> <span></span> </button> <ul><li><a href="#">Bootstrap Chinese website</a></li></ul> <div role="navigation"> <ul> <li><a href="#">Bootstrap2 Chinese document</a></li> <li><a href="#">Bootstrap3 Chinese Documentation</a></li> <li> <a href = "#"> pratinjau bootstrap 4.0 </a> </li> <li> <a href = "#"> Kurang tutorial </a> </li> <li> <a href = "#"> fepi </a> </li> <li> <a href = "#"> FEBREF = API </a> </li> <li> <a href = "#"> CONTOH <" Posisi High-Salary </a> </li> <li> <a href = "#"> tentang </a> </li> </div> </div> </div> <div> <dv> <h1> bootstrap </h1> <h2> Sederhana, intuitif, dan kuat, pengembangan framework, membuat pengembangan web, dan sederhana. </h2> <p> <a href = "#"> bootstrap3 Dokumen Cina (v3.3.5) </a> </p> <p> <a href = "#"> Dokumen Bootstrap2 China (v2.3.2 </a> </p> </Div> </Div> <Div> <Div> <v> <ul> </a> </pupat </Div> </Div> <v> <v> <v> <v> <ul> <in> </Liot30 TEKNCARE </DIV> </DIV> <DIV> <DIV> <Div> <Ul> <in> </Liots. </li> <li> Bootstrap Q&A Community <i> | </i> </li> <li> Sina Weibo: @bootstrap Jaringan Cina </li> </ul> </div> </div> <div> <div> <h2> BOOTSTRAP BOOTS TERKAIT TINGGI TINGGI REKOMPOKLOMASI KUALITAS TINGGI </SOB> <DIV> <H2> BOOTST BOOTS KEMUDIAN TINGGI TINGGI TINGGI TINGGI KOPOKSI </H2> <H2> PROPORTS INI baik BOOTSTRAP BOOTSTRAP KOPOBLETS TINGGI TINGGI TING <div> <img src="img/codeguide.png" /> <h3> <a href="javascript:void(0)">Bootstrap encoding specification<br/><small>by @mdo</small></a> </h3> <p> Bootstrap encoding specification: specifications for writing flexible, stable, and high-quality HTML and CSS code. </p> </div> <div> <img src = "img/jQueryapi.png"/> <h3> <a href = "javascript: void (0)"> jQuery API <br/> <small> manual China </small> </a> </h3> <p> JQuery API. versi. </p> </div> <div> <img src="img/w3schools.png" /> <h3> <a href="javascript:void(0)">w3schools<br/><small>Original domestic mirror</small></a> </h3> <p> w3schools.com is the most popular front-end technical tutorial website, but domestic users have always been Tidak dapat mengaksesnya, dan versi terjemahan Cina domestik sangat ketinggalan zaman. Karena itu, saya membuat gambar cermin dan berharap bahwa siswa dengan bahasa Inggris yang baik dapat pergi dan membaca tutorial asli secara langsung! </p> </div> <div> <img src = "img/expo.png"/> <h3> <a href = "javaScript: void (0)"> Pemilihan situs yang sangat baik <br/> <small> Situs Web Bootstrap yang sangat baik. </p> </div> </div> </div> <footer> <div> <img src="img/logo.png" /> <h5> <p>The Chinese version of the open source projects listed on this website is translated and compiled by members of the <a href="javascript:void(0)"><small>Bootstrap Chinese website</small></a>, and is published in accordance with <a href = "javascript: void (0)"> <small> cc oleh 3.0 </small> </a> Protokol. </p> </h5> </div> <div> <div> <h4> tentang </h4> <h4> <ul> <li> <a href = "javascript: void (0)"> <small> tentang kita </small> </a> </li> <li> <a href = "javascript: void (0) </a> </li> <li> <a href =" javascript: void (0) </a> </li> <li> <a href = "javascript: void (0) <li><a href="javascript:void(0)"><small>Friendly links</small></a></li> <li><a href="javascript:void(0)"><small>Recruitment</small></a></li> </h4> </div> <div> <h4>Contact information</h4> <h4> <ul> <li><a href="javascript:void(0)"><small>Sina Weibo</small></a></li> <li><a href="javascript:void(0)"><small>Email</small></a></li> </ul> </h4> </div> <div> <h4>Official website</h4> <h4> <ul> <li><a href="javascript:void(0)"><small>Laravel Chinese</small></a></li> <li><a href="javascript:void(0)"><small>Ghost China</small></a></li> </ul> </h4> </div> <div> <h4>Sponsor</h4> <h4> <ul> <li><a href = "JavaScript: void (0)"> <small> uCloud </small> </a> </li> <li> <a href = "javascript: void (0)"> <small> Anda dapat memotret cloud </small> </a> </li> </ul> </h4> </Div> </div> </a> </li> </ul> </h4> </Div> </v> </a4 href = "JavaScript: void (0)"> <small> Beijing ICP No. 11008151 </small> </a> <small> | Beijing Security Network Security 11010802014853 </small> </h4> </footer> </body> </html>Saya yakin semua orang belum puas. Mari kita bagikan beberapa artikel dengan Anda di bawah ini:
"Tutorial Pembelajaran Bootstrap Layak Berbagi dan Koleksi" "Tutorial Pembelajaran Bootstrap"
Di atas adalah semua tentang artikel ini, saya harap ini akan membantu untuk pembelajaran semua orang.