Dalam artikel ini, kami akan membuat informasi kolom untuk referensi Anda. Konten spesifiknya adalah sebagai berikut
Urutan Parsing Google Chrome perlu dimuat dan dieksekusi
$ (window) .Load (function () {$ ('. Teks'). EQ (0) .css ('margin -top', ($ ('. Auto'). EQ (0) .Height () - $ ('. Teks'). EQ (0) .Height ()) / 2 + 'px');});Catatan: Untuk browser Firefox, Anda dapat menekan Ctrl+Shift+M untuk menyesuaikan ukuran terminal seluler.
Pertanyaan judul sub-kolom
<div> <div> <hgroup> <h1> Informasi </h1> <h4> Berita, sumber daya, dll. Pelatihan internal perusahaan ... </h4> </hgroup> </div> </div>
Kolom CSS
.jumbotron {margin: 50px 0 0 0; Padding: 60px 0; latar belakang: #ccc url (../ img/bg.jpg); Warna: #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 Padding: 0 0 0 20px;}Konten informasi
<Div ID = "Informasi"> <div> <div> <div> <div> <div> <div> <div> <mimg src = "img/info1.jpg"> </div> <h44> Administrasi negara, pembuatan TVOS2.0 TVOS. dari TVOS1.0, Huawei Mediaos dan Alibaba Yunos. Huawei terutama bertanggung jawab atas pekerjaan pengembangan, dan Alibaba bertanggung jawab atas pusat perbelanjaan TV bawaan. </p> <p> Admin 15/10/11 </p> </div> </div> </div> </div> </div> <div> <blockquote> <h2> Berita populer </h2> </lockquote> <v> <v> <v> <v> <v> <v> <v style = "margin: 12px 0; Pad: 0;" pad: "Div> <v> <v> <v style =" margin: 12px 0; </div> <div style = "Padding-right: 0"> <h4> judul </h4> <p> Admin 15/10/11 </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>
Konten Informasi CSS
#information {padding: 40px 0; latar belakang: #eee;}. Info-right {latar belakang-warna: #ffff; Kotak-Shadow: 2px 2px 3px #ccc;}. Info-right blockquote {padding: 0; margin: 0;}. Info-right h2 {font-size: 20px; padding: 5px;}. Info-Right h4 {line-height: 1.6;}. Info-content {latar belakang-warna: #ffff; Kotak-Shadow: 2px 2px 3px #CCC; Margin: 0 0 20px 0;}. Info-Content IMG {margin: 12px 0;}. Info-Content H4 {font-size: 14px; // 768,16; 992,18; 1200,20; Padding: 2px 0 0 0;}. Info-Content P {Line-Height: 1.6; Warna: #666;}Untuk .info-Content H4, satu baris diperlukan untuk layar menengah dan besar.
.info-content h4 {overflow: tersembunyi; SPACE PUTIH: Nowrap; Text-overflow: ellipsis;}Jika Anda masih ingin belajar secara mendalam, Anda dapat mengklik di sini untuk mempelajari dan melampirkan 3 topik menarik kepada Anda:
Tutorial Pembelajaran Bootstrap
Tutorial Praktis Bootstrap
Tutorial Penggunaan Plug-In Bootstrap
Di atas adalah kode yang ingin saya tutup konten informasi dari subkolumsi produksi bootstrap. Saya harap semua orang menyukainya.