บทความนี้แชร์รหัสการใช้งานของหน้า bootstrap แรกสำหรับการอ้างอิงของคุณ เนื้อหาเฉพาะมีดังนี้
ภาพการทำซ้ำ:
รหัสการใช้งาน:
<! doctype html> <html> <head> <meta charset = "utf-8" /> <meta name = "viewport" content = "width = ความกว้างของอุปกรณ์, ระดับเริ่มต้น = 1" /> <! -> <title> </title> <link href = "css/bootstrap.min.css" rel = "stylesheet"> <script type = "text/javascript" src = "js/jquery-1.9.1.min.js"> </script> 110px 0px 110px; มาร์จิ้น-ก้น: 0px; } .masthead: หลังจาก {เนื้อหา: ''; แสดง: บล็อก; ตำแหน่ง: สัมบูรณ์; ด้านบน: 0; ขวา: 0; ด้านล่าง: 0; ซ้าย: 0; ความเป็นมา: URL (IMG/BG1.PNG) ศูนย์ทำซ้ำศูนย์กลาง; ความทึบ: 0.4; } .masthead h1 {font-weight: 700; ขนาดฟอนต์: 700%; } .active {ตัวอักษรขนาด: 120%; Font-Weight: BOLD;} .MASTTEAD-A {ความทึบ: 0.5; สี: สีขาว; ขนาดฟอนต์: สื่อ; } .masthead-a: โฮเวอร์ {สี: สีขาว; ความทึบ: 1; } .Modal-Header Li I {Opacity: 0.5;} .Text-Align {Display: Inline; } .img-ls {Width: 23%; ชายแดน: 1px Solid HSL (0, 0%, 87%); มาร์จิ้น-ขวา: 2%; Padding: 4px 0px; มาร์จิ้น-ก้น: 6%; ต่ำสุด: 350px; สูงสุด: 600px; ลอย: ซ้าย; } .img-ls img {width: 97%; ความสูง: อัตโนมัติ; } .IMG-LS IMG: โฮเวอร์ {เคอร์เซอร์: ตัวชี้; } .FOOTER {Padding: 50px 50px; } .navbar-nav li {display: inline;} </style> </head> <body> <div> <!-กำหนดโทน, ตำแหน่ง, ขนาดและพื้นหลังของเฟรมเวิร์กภายใน-> <div> <button type = "spans-toggle =" spans-spans <span> </span> </kout> <ul> <li> <a href = "#"> เว็บไซต์ bootstrap จีน </a> </li> </ul> <div role = "การนำทาง"> <ul> <li> <a href = "#"> bootstrap2 เอกสารภาษาจีน </a> </li> <li> <a href = "#"> bootstrap 4.0 ดูตัวอย่าง </a> </li> <li> <a href = "#"> บทช่วยสอนน้อยลง </a> </li> <li> <a href = "#"> jQuery api </a> </li> <li> HREF = "#"> ตำแหน่งที่มีความสุขสูงด้านหน้า </a> </li> <li> <a href = "#"> เกี่ยวกับ </a> </li> </div> </div> </div> <div> <div> <h1> </h2> <p> <a href = "#"> เอกสาร bootstrap3 จีน (v3.3.5) </a> </p> <p> <a href = "#"> เอกสาร bootstrap2 (v2.3.2) </a> </p> <i> | </i> </li> <li> ชุมชนถาม & ตอบ Bootstrap <i> | </i> </li> <li> Sina Weibo: @bootstrap เครือข่ายจีน </li> </ul> </div> </div> <div> <div> <h2> Bootstrap </p> </div> <div> <img src = "img/codeguide.png"/> <h3> <a href = "JavaScript: void (0)"> bootstrap scoding การเข้ารหัสและการเข้ารหัส bootsivation รหัส HTML และ CSS คุณภาพสูง </p> </div> <div> <img src = "img/jQueryapi.png"/> <h3> <a href = "JavaScript: โมฆะ (0)"> jQuery api <br/> <small> คู่มือจีน เวอร์ชัน </p> </div> <div> <img src = "img/w3schools.png"/> <h3> <a href = "JavaScript: void (0)"> w3schools <br/> <small> MORRIRAL ในการเข้าถึงและเวอร์ชันการแปลภาษาจีนในประเทศนั้นล้าสมัยมาก ดังนั้นฉันจึงสร้างภาพสะท้อนและหวังว่านักเรียนที่มีภาษาอังกฤษที่ดีสามารถไปอ่านบทช่วยสอนดั้งเดิมได้โดยตรง! </p> </div> <div> <img src = "img/expo.png"/> <h3> <a href = "JavaScript: void (0)"> การเลือกไซต์ที่ยอดเยี่ยม <br/> </p> </div> </div> </div> <footer> <div> <img src = "img/logo.png"/> <h5> <p> โครงการโอเพ่นซอร์สของจีนที่ระบุไว้ในเว็บไซต์นี้มีการแปลและรวบรวมโดยสมาชิกของ <a href = "JavaScript: Void (0) <a href = "JavaScript: void (0)"> <small> CC โดย 3.0 </small> </a> โปรโตคอล </p> </h5> </div> <div> <div> <h4> เกี่ยวกับ </h4> <h4> <ul> <li> <a href = "JavaScript: โมฆะ (0)"> <small> เกี่ยวกับเรา </small> </a> </li> <li> <li> <a href = "JavaScript: void (0)"> <small> ลิงก์ที่เป็นมิตร </small> </a> </li> <li> <a href = "JavaScript: void (0)"> <small> </small> </a> </li> </h4> href = "JavaScript: void (0)"> <small> sina weibo </small> </a> </li> <li> <a href = "JavaScript: void (0)"> <small> อีเมล </small> </a> </li> href = "JavaScript: void (0)"> <small> laravel จีน </small> </a> </li> <li> <a href = "JavaScript: โมฆะ (0)"> <small> Ghost China </small> </a> </li> href = "JavaScript: void (0)"> <small> uCloud </small> </a> </li> <li> <a href = "JavaScript: โมฆะ (0)"> <small> คุณสามารถยิงคลาวด์ </เล็ก> </a> </li> HREF = "JavaScript: Void (0)"> <small> Beijing ICP No. 11008151 </small> </a> <small> | การรักษาความปลอดภัยเครือข่ายความปลอดภัยสาธารณะของปักฉันเชื่อว่าทุกคนต้องไม่พอใจ มาแบ่งปันบทความสองสามเรื่องกับคุณด้านล่าง:
"บทช่วยสอนการเรียนรู้ของ Bootstrap คุ้มค่ากับการแบ่งปันและการรวบรวม" "บทช่วยสอนการเรียนรู้ Bootstrap"
ข้างต้นเป็นเรื่องเกี่ยวกับบทความนี้ฉันหวังว่ามันจะเป็นประโยชน์กับการเรียนรู้ของทุกคน