لقد تعلمت bootsap اليوم واكتسب الكثير. أشارك قضية صغيرة هنا. التفسيرات المحددة كلها في الكود ، وهو أكثر سهولة.
انظر إلى الأسطورة أولاً
<! doctype html> <html lang = "zh-cn"> <head> <meta charset = "utf-8"> <meta name = "viewport" content = "width = width width ، scale-scale = 1.0"> <title> bootstrap tab </title> <! href = "css/bootstrap.min.css"> <link rel = "stylesheet" type = "text/css" href = "css/bootstrap-responsive.min.css"> <link rel = "stylesheet" عرض Div إلى 940 بكسل وعرض في المركز-> <div> <!-بطاقة Hero-Unit قم بتعيين وحدة عرض التركيز-> <Div> <h1> Lenovo Holdings </h1> <p> <img src = "img/bg2 تم تعيين الشبكات ، وكل ما يقدرته الفرعية على 4 شبكات ، أي 228px-> <viv> <viv> <h2> موضوعات الشركة </h2> <p> في 2 ديسمبر 2012 ، تم عقد قاعة Lenovo Star Entrepreneurship في Growning of the Toping of the Entrepreneriale "و". فريق". </p> <!-BTN Button Style-> <p> <a href = "#"> تعرف على المزيد »</a> </p> </fiv> <viv> <h1> اهتمام خاص </h1> <p> من البدء مع" بيع أجهزة الكمبيوتر "إلى دمج الأصول الأساسية الخمسة ، والاستهلاك والخدمات الحديثة ، والمواد الكيميائية الحديثة ، والمواد الحديثة. </p> <p> <a href = "#"> أكثر »</a> </p> </viv> <viv> <h1> تاريخنا </h1> <p> <img src =" img/bg1.png "> </p> <p> 2013 </p> </tower> </viv> <!-تقديم ملف JS الخاص بـ bootstrap-> <script type = "text/javaScript" src = "js/jquery.min.js"> </script> <script type = "text/javaScript" src = "js/boottrap.min type = "text/javaScript" src = "js/bootstrap-tab.js"> </script> </body> </html> <!-تقديم ملف base.css->/*مخطط نمط التركيز*/div.hero-unit {/*نمط الخلفية ، الافتراضي إلى الرمادي*/الخلفية: url (../ img/bg العرض: 980 بكسل ؛ الارتفاع: 443 بكسل ؛ الموقف: قريب /*الافتراضي هو 60px*/ padding: 0 ؛ /*الافتراضي هو 30px*/ margin: 0 ؛ اللون الحدودي: رمادي ؛} div.hero-unit h1 {/*hide title*/display: none ؛}/*يتم عرض الإعلانات في الزاوية السفلية اليسرى*/div.hero-unit .banner {الموضع: Absolute ؛ أسفل: 0 ؛ اليسار: 10px ؛}/*يتم عرض أزرار في الزاوية اليمنى السفلى*/div.hero-unit .btn {الموضع: Absolute ؛ أسفل: 14px ؛ اليمين: 20px ؛}ما سبق هو كل محتوى هذه المقالة. آمل أن يكون ذلك مفيدًا لتعلم الجميع وآمل أن يدعم الجميع wulin.com أكثر.