Saya belajar Bootsap hari ini dan mendapatkan banyak hal. Saya membagikan kasus kecil di sini. Penjelasan spesifik semuanya ada dalam kode, yang lebih intuitif.
Lihat legenda dulu
<! Doctype html> <html lang = "zh-cn"> <head> <meta charset = "utf-8"> <meta name = "viewport" content = "width = device-width, skala awal = 1.0"> <title> Tab bootstrap = </title> <!-memperkenalkan stylese stylese-"CINTLES" TOPETE "TOPETE" TOPETE "TOPETE" TOPETE "TOPETE" TOPETE "TOPETE" TOPLETE "TEPAGE" TEPAGE "TEPAGE" TEKPATE "TEPPET" TEKSTLES = TEPLEET "TEPTHEET = href="css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.min.css"> <link rel="stylesheet" type="text/css" href="css/base.css"></head><body><!-- container Set the width dari div ke 940px dan tampilan di tengah-> <verv> <!-hero-unit mengatur unit tampilan fokus-> <ve> <h1> lenovo holdings </h1> <p> <mmg src = "img/bg2.png"> <p> <p> <a href = "#"> lebih banyak »</a> </p> <p> <p> <a href ="#"> grids, and each sub-div is set to 4 grids, that is, 228px--> <div> <div> <h2>Company topics</h2> <p>On December 2, 2012, the Lenovo Star Entrepreneurship Lecture Hall was held in Changzhou, and Liu Chuanzhi shared with entrepreneurs on "the growth of the top entrepreneurial leader" and "the construction of the entrepreneurial tim". </p> <!-Gaya tombol BTN-> <p> <a href = "#"> Pelajari lebih lanjut »</a> </p> </div> <viv> <h1> Perhatian Khusus </h1> <p> Dari memulai dengan" menjual komputer "untuk mengintegrasikan lima aset inti, real estat, konsumsi dan layanan modern, material chemical baru, dan modern, dan bahan kimia modern. </p> <p> <a href = "#"> Lainnya »</a> </p> </div> <hv> <h1> Sejarah kita </h1> <p> <mmg src =" img/bg1.png "> </p> <p> <a href ="#"> lebih banyak» </a> </p> <p> <a href = "#"> lebih banyak »</a> </p> <p> 2013 </p> </tfooter> </div> <!-Memperkenalkan file js bootstrap-> <script type = "text/javaScript" src = "js/jQuery.min.min.js"> </script> <script = "text/javascript" src = "js/js/bootstrap.min.min" script = "script> script =" js/js/bootstrap.min.min src = "js/bootstrap--b.js"> </script> </body> </html> <!-Memperkenalkan file base.css->/*diagram gaya fokus*/div.herero-unit {/*gaya latar belakang, default ke abu-abu*/latar belakang: url (../ img/bg.p.png) no-repeat; Lebar: 980px; Tinggi: 443px; Posisi: kerabat; /*Default adalah 60px*/ padding: 0; /*Default adalah 30px*/ margin: 0; Border-color: grey;} div.hero-unit h1 {/*Sembunyikan judul*/display: none;}/*iklan ditampilkan di sudut kiri bawah*/div.hero-unit .banner {position: absolute; Bawah: 0; Kiri: 10px;}/*tombol ditampilkan di sudut kanan bawah*/div.hero-unit .btn {position: absolute; Bawah: 14px; kanan: 20px;}Di atas adalah semua konten artikel ini. Saya berharap ini akan membantu untuk pembelajaran semua orang dan saya harap semua orang akan lebih mendukung wulin.com.