bootstrap Profil
Apa Bootstrap?
Bootstrap adalah kerangka front-end untuk pengembangan cepat aplikasi Web dan situs Web. Bootstrap didasarkan pada HTML, CSS, JAVASCRIPT ini.
sejarah
Bootstrap olehMark OttodanJacob ThorntonpengembanganTwitter.Bootstrap adalah Agustus 2011 diterbitkan pada GitHub produk open source.
Mengapa Bootstrap?
- Ponsel Pertama: karena Bootstrap 3 dan seterusnya, kerangka termasuk perpustakaan di seluruh prioritas perangkat selular gaya.
- dukungan Browser: Semua browser utama mendukung Bootstrap.
- Mudah digunakan: selama Anda memiliki pengetahuan dasar tentang HTML dan CSS, Anda dapat mulai belajar Bootstrap.
- desain responsif: Bootstrap CSS responsif mampu desktop adaptif, tablet dan ponsel.Untuk informasi lebih lanjut tentang desain responsif, tersedia Bootstrap desain responsif .
- Ini pengembang membuat antarmuka yang sederhana memberikan solusi terpadu.
- Ini termasuk kuat built-in komponen, mudah untuk menyesuaikan.
- Ini juga menyediakan kustomisasi berbasis Web.
- Ini adalah open source.
Isi paket Bootstrap
- Struktur dasar: Bootstrap memberikan struktur dasar dari latar belakang hubungan gaya dengan sistem grid.Ini akan dijelaskan secara rinciBootstrap bagian dasar.
- CSS: Bootstrap dilengkapi dengan fitur berikut: pengaturan CSS global, menentukan gaya dasar elemen HTML, kelas scalable, dan sistem jaringan canggih.Bagian ini akan menjelaskan secara detailBootstrap CSS.
- Komponen: Bootstrap berisi selusin komponen dapat digunakan kembali untuk menciptakan gambar, menu, navigasi, kotak peringatan kotak pop-up, dan sebagainya tarik-turun.Ini akan dijelaskan secara rincitata letak komponen.
- widget JavaScript: Bootstrap berisi selusin kustom jQuery Plugin.Anda dapat mencakup semua plug-in, plug-in juga dapat berisi individual. Ini akan dijelaskan sebagian rinciBootstrap plug.
- Kustomisasi: Anda dapat menyesuaikan komponen Bootstrap, variabel KURANG dan jQuery plug-in untuk mendapatkan versi Anda sendiri.
contoh online
situs tutorial bootstrap berisi ratusan contoh.
Anda dapat menggunakan editor online kode editor online kami, dan klik tombol Run untuk melihat hasilnya.
contoh bootstrap
<Div class = "container">
<Div class = "jumbotron">
<H1> Halaman Bootstrap pertama saya </ h1>
<P> ulang ukuran jendela untuk melihat efek responsif! </ P>
</ Div>
<Div class = "row">
<Div class = "col-sm-4 ">
<H3> Kolom 1 </ h3 >
<P> belajar tidak hanya teknologi, tetapi juga mimpi! </ P>
<P> mimpi lagi Niubi, tetapi juga memberi jalan dan Anda seperti tongkat pengisap! </ P>
</ Div>
<Div class = "col-sm-4 ">
<H3> Kolom 2 </ h3 >
<P> belajar tidak hanya teknologi, tetapi juga mimpi! </ P>
<P> mimpi lagi Niubi, tetapi juga memberi jalan dan Anda seperti tongkat pengisap! </ P>
</ Div>
<Div class = "col-sm-4 ">
<H3> Kolom 3 </ h3 >
<P> belajar tidak hanya teknologi, tetapi juga mimpi! </ P>
<P> mimpi lagi Niubi, tetapi juga memberi jalan dan Anda seperti tongkat pengisap! </ P>
</ Div>
</ Div>
</ Div>
Coba »
contoh yang lebih
Bootstrap Contoh 2
<Div class = "table-responsif">
<Table class = "meja meja meja bergaris -bordered">
<Thead>
<Tr>
<Th> # </ th>
<Th> Nama </ th>
<Th> Jalan </ th>
</ Tr>
</ Thead>
<Tbody>
<Tr>
<Td> 1 </ td>
<Td> Anna Keren </ td >
<Td> Broome Jalan </ td >
</ Tr>
<Tr>
<Td> 2 </ td>
<Td> Debbie Dallas </ td >
<Td> Houston Street </ td >
</ Tr>
<Tr>
<Td> 3 </ td>
<Td> John Doe </ td >
<Td> Madison Street </ td >
</ Tr>
</ Tbody>
</ Table>
</ Div>
Coba »
Klik "Coba" tombol untuk melihat cara kerjanya.