ในบทความนี้เราจะสร้างข้อมูลคอลัมน์สำหรับการอ้างอิงของคุณ เนื้อหาเฉพาะมีดังนี้
ลำดับการแยกวิเคราะห์ของ Google Chrome จะต้องมีการโหลดและดำเนินการ
$ (window) .load (function () {$ ('. text'). eq (0) .css ('margin -top', ($ ('. auto'). eq (0) .height () - $ ('. text'). eq (0) .height () / 2 + 'px');หมายเหตุ: สำหรับเบราว์เซอร์ Firefox คุณสามารถกด Ctrl+Shift+M เพื่อปรับขนาดเทอร์มินัลมือถือ
คำถามชื่อเรื่องคอลัมน์ย่อย
<div> <div> <Hgroup> <h1> ข้อมูล </h1> <h4> ข่าวล่าสุดทรัพยากร ฯลฯ ของการฝึกอบรมภายในองค์กร ... </h4> </hgroup> </div> </div>
คอลัมน์ CSS
.jumbotron {มาร์จิ้น: 50px 0 0 0; Padding: 60px 0; ความเป็นมา: #CCC URL (../ img/bg.jpg); สี: #ccc;}. Jumbotron H1 {font-size: 26px; // 768,30; 992,33; 1200,36; Padding: 0 0 0 20px;}. Jumbotron H4 {font-size: 16px; // 768,16; 992,17; 1200,18 ช่องว่าง: 0 0 0 20px;}เนื้อหาข้อมูล
<div id = "ข้อมูล"> <div> <div> <div> <div> <div> <div> <div> <img src = "img/info1.jpg"> </div> <d4> การบริหารวิทยุภาพยนตร์และโทรทัศน์ที่เปิดตัว TVOS2.0 และ Huawei Alibaba การรวมกันของ TVOS1.0, Huawei Mediaos และ Alibaba Yunos หัวเว่ยส่วนใหญ่รับผิดชอบงานพัฒนาและอาลีบาบารับผิดชอบห้างสรรพสินค้าทีวีในตัว </p> <p> admin 15/10/11 </p> </div> </div> </div> </div> </div> <div> <blockquote> <h2> ข่าวยอดนิยม </h2> </blockquote> <div> <div> <div> <div> <div> <div> </div> <div style = "padding-right: 0"> <h4> ชื่อเรื่อง </h4> <p> ผู้ดูแลระบบ 15/10/11 </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>
เนื้อหาข้อมูล CSS
#information {padding: 40px 0; พื้นหลัง: #eee;}. ข้อมูลขวา {พื้นหลังสี: #ffff; Box-shadow: 2px 2px 3px #ccc;}. info-right blockquote {padding: 0; มาร์จิ้น: 0;}. info-right h2 {font-size: 20px; Padding: 5px;}. Info-Right H4 {Line-Height: 1.6;}. เนื้อหาข้อมูล {พื้นหลังสี: #FFFF; Box-Shadow: 2px 2px 3px #ccc; มาร์จิ้น: 0 0 20px 0;}. IMG Info-content {margin: 12px 0;}. ข้อมูล h4 info-content h4 {font-size: 14px; // 768,16; 992,18; 1200,20; Padding: 2px 0 0 0;}. ข้อมูลเนื้อหา p {line-height: 1.6; สี: #666;}สำหรับ. info-content H4 จำเป็นต้องใช้หนึ่งบรรทัดสำหรับหน้าจอขนาดกลางและขนาดใหญ่
.info-Content H4 {Overflow: Hidden; พื้นที่สีขาว: NowRap; Text-Overflow: Ellipsis;}หากคุณยังต้องการศึกษาในเชิงลึกคุณสามารถคลิกที่นี่เพื่อศึกษาและแนบ 3 หัวข้อที่น่าตื่นเต้นให้คุณ:
การสอนการเรียนรู้ bootstrap
การสอนการใช้งาน Bootstrap
การสอนการใช้งานปลั๊กอิน bootstrap
ข้างต้นคือรหัสที่ฉันต้องการปิดเนื้อหาข้อมูลของคอลัมน์ย่อยการผลิต bootstrap ฉันหวังว่าทุกคนจะชอบมัน