Ada banyak pertanyaan di sini terkait dengan Bootstrap. Saya melihat banyak orang menggunakannya. Jadi saya mencoba untuk merisetnya, dan saya menemukan situs Bootstrap resmi , tetapi hanya ada bagian pengunduhan dan beberapa kata setelah itu. Tidak ada yang menjelaskan untuk apa ini ... Saya hanya mengerti bahwa itu adalah pembantu kelas satu. Saya telah mencoba menemukan sesuatu dengan Googling, tetapi tidak menemukan yang spesifik. Semua yang saya temukan terkait dengan definisi ilmu komputer.
Jadi, pertanyaan saya adalah:
- Apa itu Bootstrap?
- Untuk apa alat itu digunakan, dan bagaimana itu membantu pengembangan front-end?
- Saya juga ingin beberapa detail menjelaskannya.
html
css
twitter-bootstrap
frontend
Панайот Толев
sumber
sumber
Jawaban:
Ini adalah kerangka kerja open-source HTML, CSS, dan JavaScript (awalnya dibuat oleh Twitter) yang dapat Anda gunakan sebagai dasar untuk membuat situs web atau aplikasi web.
Informasi lebih lanjut dan tautan untuk mengunduh
Mulai
Contohnya
Tema
Bootply - Editor dan Pembuat Bootstrap
Memperbarui
Situs web bootstrap resmi diperbarui dan menyertakan definisi yang jelas.
"Bootstrap adalah kerangka HTML, CSS, dan JS yang paling populer untuk mengembangkan proyek pertama yang responsif dan mobile di web."
"Dirancang dan dibangun dengan semua cinta di dunia oleh @mdo dan @fat ."
sumber
Diambil dari About Bootstrap Framework
sumber
Bootstrap, seperti yang saya tahu, adalah CSS yang didefinisikan dengan baik. Meskipun menggunakan Bootstrap Anda juga bisa menggunakan JavaScript, jQuery dll. Tapi perbedaan utamanya adalah, menggunakan Bootstrap Anda cukup memanggil nama kelas dan kemudian Anda mendapatkan output di formulir HTML. untuk mis. pewarnaan tombol membentuk teks, menggunakan tata letak. Untuk semua ini, Anda tidak perlu menulis file CSS melainkan Anda hanya perlu menggunakan nama kelas yang benar untuk membentuk formulir HTML Anda.
sumber
Dengan kata sederhana, Anda dapat memahami Bootstrap sebagai kerangka web front-end yang dibuat oleh Twitter untuk pembuatan aplikasi web yang responsif terhadap perangkat dengan lebih cepat. Bootstrap juga dapat dipahami sebagian besar sebagai kumpulan kelas CSS yang didefinisikan di dalamnya yang hanya dapat digunakan secara langsung. Itu menggunakan CSS, javascript, jQuery dll di latar belakang untuk membuat gaya, efek, dan tindakan untuk elemen Bootstrap.
Anda mungkin tahu bahwa kami menggunakan CSS untuk menata elemen laman web dan membuat kelas serta menetapkan kelas pada elemen laman web untuk menerapkan gaya padanya. Bootstrap di sini membuat perancangan lebih mudah karena kita hanya perlu memasukkan file Bootstrap dan menyebutkan nama kelas yang telah ditentukan Bootstrap untuk elemen halaman web kita dan mereka akan ditata secara otomatis melalui Bootstrap. Melalui ini, kita menyingkirkan penulisan kelas CSS kita sendiri untuk menata elemen halaman web. Yang terpenting, Bootstrap dirancang sedemikian rupa sehingga membuat perangkat situs web Anda responsif dan itulah tujuan utamanya. Alternatif lain untuk Bootstrap bisa berupa - Foundation , Materialize etc. frameworks.
Bootstrap membuat Anda bebas dari menulis banyak kode CSS dan juga menghemat waktu yang Anda habiskan untuk mendesain halaman web.
sumber
Bootstrap adalah CSS sumber terbuka, kerangka kerja JavaScript yang awalnya dikembangkan untuk aplikasi twitter oleh tim desainer dan pengembang twitter. Kemudian mereka merilisnya untuk open-source. Menjadi pengguna lama bootstrap twitter, saya menemukan bahwa ini adalah salah satu yang terbaik untuk mendesain situs web yang siap seluler. Banyak plugin CSS dan Javascript tersedia untuk mendesain situs web Anda dalam waktu singkat. Ini semacam kerangka desain template cepat. Beberapa orang mengeluh bahwa file CSS bootstrap berat dan membutuhkan waktu untuk memuat tetapi klaim ini dibuat oleh orang yang malas. Anda tidak harus menyimpan bootstrap.css lengkap di situs web Anda. Anda selalu memiliki opsi untuk menghapus gaya untuk komponen yang tidak Anda perlukan untuk situs web Anda. Sebagai contoh, jika Anda hanya menggunakan komponen dasar seperti formulir dan tombol maka Anda dapat menghapus komponen lain seperti akordeon dll dari file CSS utama. Untuk mulai mencoba-coba bootstrap, Anda dapat mengunduh templat dasar dan komponen darisitus getbootstrap dan biarkan keajaiban terjadi.
sumber
Penafian: Saya telah menggunakan bootstrap di masa lalu, tetapi saya tidak pernah benar-benar menghargai apa yang sebenarnya, deskripsi ini berasal dari saya yang datang ke definisi saya sendiri, hari ini. Dan saya tahu bahwa bootstrap v4 sudah keluar, tetapi saya menemukan dokumentasi bootstrap v3 menjadi lebih jelas, jadi saya menggunakannya. Perpustakaan tidak akan mengubah secara mendasar apa yang disediakannya.
Secara singkat
Bootstrap adalah kumpulan file CSS dan javascript yang menyediakan beberapa style default yang tampak bagus untuk elemen html standar, dan beberapa objek konten web umum yang bukan elemen html standar.
Untuk membuat analogi, itu seperti menerapkan tema di powerpoint, tetapi untuk situs web Anda: itu membuat segalanya terlihat cukup bagus tanpa terlalu banyak upaya awal.
Terdiri dari apa itu?
Dokumentasi v3 resmi memecahnya menjadi tiga bagian:
Ini kira-kira sesuai dengan tiga hal utama yang disediakan Bootstrap:
<input class="btn btn-default" type="button" value="Input">Click me</button>
<span class="glyphicon glyphicon-align-left"></span>
Menggunakan Javascript / jQuery
Bootstrap meluas jQuery sedikit. Jika kita melihat kode sumber, kita dapat melihat bahwa itu menggunakan jQuery untuk melakukan hal-hal seperti: mengatur pendengar untuk acara keydown untuk berinteraksi dengan dropdown . Itu melakukan semua pengaturan jQuery ini ketika Anda mengimpornya di
<script>
tag Anda , jadi Anda perlu memastikan jQuery dimuat sebelum Bootstrap.Selain itu, ini mengikat javascript ke DOM lebih erat daripada jQuery biasa, menyediakan antarmuka kelas javascript . misalnya beralih tombol secara terprogram . Ingat bahwa CSS hanya mendefinisikan bagaimana suatu benda terlihat, sehingga pekerjaan utama dari operasi ini cenderung untuk memodifikasi kelas CSS mana yang berlaku untuk elemen pada saat itu. Perubahan semacam ini, berdasarkan input pengguna, tidak dapat dilakukan dengan CSS biasa.
Ada interaksi standar lainnya dengan pengguna yang kami gunakan di internet yang tidak tercakup oleh CSS. Seperti, mengklik tautan yang menggulung Anda ke bawah sebuah halaman alih-alih mengubah halaman. Salah satu hal yang diberikan Bootstrap kepada Anda adalah cara mudah untuk menerapkan perilaku ini di situs web Anda sendiri.
Standar
Saya telah menyebutkan kata "standar" banyak di sini, dan untuk alasan yang bagus. Saya pikir hal terbaik yang disediakan oleh Bootstrap adalah serangkaian standar yang terlihat bagus. Anda bebas untuk memodifikasi tema default sebanyak yang Anda inginkan, tetapi ini adalah baseline yang lebih baik daripada html mentah, css dan js. Dan inilah mengapa ini disebut "framework".
Browser web yang berbeda memiliki gaya default yang berbeda dan dapat bertindak secara berbeda, dan memerlukan awalan CSS yang berbeda dan hal-hal seperti itu. Manfaat utama Bootstrap adalah jauh lebih dapat diandalkan daripada menulis sendiri semua hal lintas-peramban (Anda masih akan mengalami masalah, saya yakin, tetapi lebih mudah).
Saya pikir Bootstrap lebih disukai ketika tegukan dan babel tidak sepopuler itu. Melihat Bootstrap sepertinya berasal dari waktu sebelum semua orang menyusun javascript mereka. Itu masih relevan, tetapi Anda bisa mendapatkan beberapa manfaat dari sumber lain sekarang.
Versi CSS yang lebih baru memungkinkan Anda untuk mendefinisikan transisi antara daftar statis ini saat mereka berubah. Versi asli Bootstrap sebenarnya sudah ada sebelum adopsi kemampuan ini di browser, sehingga mereka masih memiliki kelas animasi sendiri. Ada beberapa bit Bootstrap yang seperti ini: bahwa hal-hal lain telah muncul di sekitarnya dan membuatnya tampak sedikit berlebihan.
sumber
Bootstrap adalah kerangka kerja HTML, CSS, JS dengan banyak komponen yang memungkinkan Anda membuat situs web yang indah dan modern atau aplikasi web dengan sangat cepat.
Situs web berikut berisi contoh, elemen, dan komponen yang dapat digunakan kembali yang dapat Anda integrasikan ke dalam proyek Anda menggunakan kerangka kerja bootstrap
bootsnipp.com
startbootstrap.com
bootdey.com
sumber
Bootstrap adalah kerangka kerja open-source yang paling populer dan banyak digunakan di dunia untuk dikembangkan dengan HTML, CSS, dan JS. Ini adalah kerangka ujung depan HTML. Bootstrap membantu membangun situs web atau aplikasi web yang responsif dan sistem grid 12 kolom yang membantu menyesuaikan situs web secara dinamis dengan resolusi layar yang sesuai. Versi bootstrap saat ini adalah 4.3.1 dan tim bootstrap juga telah secara resmi mengumumkan versi Bootstrap 5 dan perubahan seperti menghapus jquery dari bootstrap. Beberapa alasan penting mengapa kerangka bootstrap lebih disukai adalah
Responsif
Untuk detail lebih lanjut, Anda dapat memeriksa situs web resmi: https://getbootstrap.com/
Sumber: https://vmokshagroup.com/blog/bootstrap-ugianages/
sumber
Dengan standar dan terminologi web saat ini, saya akan mengatakan Bootstrap sebenarnya bukan kerangka kerja , meskipun itulah yang diklaim situs web mereka. Sebagian besar pengembang mempertimbangkan kerangka Angular, Vue, dan React, sementara Bootstrap umumnya disebut sebagai " perpustakaan ".
Tetapi, agar lebih tepat dan benar, Bootstrap adalah sumber terbuka, kumpulan pertama dari utilitas desain CSS, JavaScript, dan HTML yang bertujuan menyediakan sarana untuk mengembangkan elemen web yang umum digunakan dengan jauh lebih cepat (dan lebih pintar) daripada harus membuat kode dari awal. .
Beberapa prinsip inti yang berkontribusi pada kesuksesan Bootstrap:
Ini berisi templat desain dan fungsionalitas untuk: tata letak, tipografi, formulir, navigasi, menu (termasuk dropdown), tombol, panel, lencana, modals, peringatan, tab, dilipat, akordion, komidi putar, daftar, tabel, pagination, utilitas media (termasuk sematan, gambar dan penggantian gambar), utilitas responsif, utilitas berbasis warna (primer, sekunder, bahaya, peringatan, info, cahaya, gelap, bisu, putih), utilitas lain (posisi, margin, bantalan, ukuran, jarak, penyelarasan, visibilitas), scrollspy, imbuhan, tooltips, popovers.
Secara default ini bergantung pada jQuery, tetapi Anda akan menemukan varian gratis jQuery yang didukung oleh masing-masing kerangka JavaScript progresif populer modern:
Bekerja dengan Bootstrap sangat bergantung pada penerapan kelas-kelas tertentu (atau, tergantung pada kerangka JS: arahan, metode atau atribut / alat peraga) dan pada penggunaan struktur markup tertentu.
Dokumentasi biasanya berisi contoh-contoh umum yang dapat dengan mudah disalin dan digunakan sebagai template pemula.
Keuntungan lain dari pengembangan dengan Bootstrap adalah komunitasnya yang dinamis, diterjemahkan ke dalam banyak tema, templat dan plugin yang tersedia untuknya, sebagian besar di antaranya adalah open-source (yaitu: kalender, pemilih tanggal / waktu, plugin untuk manajemen konten tabular, seperti juga koleksi perpustakaan / komponen yang dibangun di atas Bootstrap, seperti MDB, templat portofolio, templat admin, dll ...)
Terakhir, namun tidak kalah pentingnya, Bootstrap telah dipelihara dengan baik selama bertahun-tahun, yang menjadikannya pilihan yang kuat untuk aplikasi / situs web yang siap produksi.
sumber