Apa itu Bootstrap?
Bootstrap adalah kerangka kerja front-end untuk pengembangan cepat aplikasi dan situs web Web. Bootstrap didasarkan pada HTML, CSS, dan JavaScript.
sejarah
Bootstrap dikembangkan oleh Mark Otto dan Jacob Thornton dari Twitter. Bootstrap adalah produk open source yang dirilis di GitHub pada Agustus 2011.
Isi paket bootstrap
Struktur Dasar: Bootstrap menyediakan struktur dasar dengan sistem grid, gaya tautan, dan latar belakang. Ini akan dijelaskan secara rinci di bagian Struktur Dasar Bootstrap.
CSS: Bootstrap hadir dengan fitur -fitur berikut: Pengaturan CSS global, definisi gaya elemen HTML dasar, kelas yang dapat diperluas, dan sistem grid canggih. Ini akan dijelaskan secara rinci di bagian Bootstrap CSS.
Komponen: Bootstrap berisi lebih dari selusin komponen yang dapat digunakan kembali untuk membuat gambar, menu drop-down, navigasi, kotak peringatan, kotak pop-up, dan banyak lagi. Ini akan dijelaskan secara rinci di bagian Tata Letak Komponen.
Plugin Javascript: Bootstrap berisi lebih dari selusin plugin jQuery khusus. Anda dapat memasukkan semua plugin secara langsung atau satu per satu. Ini akan dijelaskan secara rinci di bagian plug-in Bootstrap.
Kustomisasi: Anda dapat menyesuaikan komponen bootstrap, lebih sedikit variabel, dan plug-in jQuery untuk mendapatkan versi Anda sendiri.
Semua di atas adalah untuk teks berikut. Berikut adalah pengetahuan konfigurasi bentuk blok , sebagai berikut:
Saya percaya teman saya pasti mengalami situasi di mana halaman pengeditan memiliki banyak blok. Plug-in Smart Form telah mendukung situasi ini untuk Anda.
Kode ini adalah sebagai berikut (alamat tautan: https://github.com/xiexingen/boottrap-smartform/blob/master/demo/form2-group-layout.html):
<! Doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <itement> Formulir grup </iteme> <link rel = "stylesheet" href = "../ css/bootstrap.css"> <!-custom site style-> <link = "csse" ccse/ccss = "custom custom Site style-> <link =" stillse "ccsse =" ccust custom script ".." ccsse ".." ccule "ccust custom- custom-> <link link =" csse ".. src = "../ lib/jQuery.js"> </script> <script src = "../ lib/bootstrap.js"> </cript> <!-Metode Alat-> <script src = "../ skrip/global.js"> </script> <!-plugin-> <skrip src="../scripts/plugin.js"></script></head><body><div><div><label>Group form</label></div><div><form action="#" id="formContainer"></form></div><div><label>Introduction</label></div><div><label>Introduction</label></div><div><h3>The only difference is Bahwa item konfigurasi pengelompokan adalah bentuk 'grup: item konfigurasi' </h3> </div> </div> <script> $ (function () {// Perhatikan bahwa ketika dikonfigurasi sebagai formulir grup, item konfigurasi adalah objek JSON alih -alih array var eles = {'pengguna information':[[{ele:{type:'text',name:'UserName',title:'Username:',required:true}},{ele:{type:'radio',name:'sex',title:'gender:',items:[{text:'male',value:1},{text:'female',value:2}]}} ], [{ele: {type: 'centang kotak', nama: 'Plant', judul: 'menggunakan platform: ', item: [{text:' app ', value:' app '}, {text:' web ', value:' web '}]}}, {ele: {type:' pilih ', name:' provi nce ', judul:' provinsi: ', withnull: true, item: [{text:' guangdong ', value:' gd '}, {text:' hunan ', value:' hn '}]}} ], 'Informasi lain': [{ele: {type: 'text', name: 'displayName', title: 'displayName:'}}, [{ele: {type: 'datetime', name: 'fromedate', title: 'periode validasi:'}}, {ele: {type: {{{{{{{{{{{{{{{{ELE: {{ELE: {{{{ELE: {ELE: {ELE: ]}; // elemen bentuk tersembunyi terutama digunakan untuk mengedit.Diagram efek berjalan: (Item konfigurasi saat ini memiliki dua bagian: informasi pengguna dan informasi lainnya)
Di atas adalah deskripsi lengkap konfigurasi bentuk blok Bootstrap Smart Form Series (III) yang diperkenalkan kepada Anda oleh editor. Saya harap ini akan membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas Anda tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!