{"id":760,"date":"2021-07-26T16:05:12","date_gmt":"2021-07-26T09:05:12","guid":{"rendered":"https:\/\/www.goldenfast.net\/blog\/?p=760"},"modified":"2024-01-03T15:23:59","modified_gmt":"2024-01-03T08:23:59","slug":"apa-itu-bootstrap","status":"publish","type":"post","link":"https:\/\/www.goldenfast.net\/blog\/apa-itu-bootstrap\/","title":{"rendered":"Apa Itu Bootstrap? Pengertian, Fungsi, &#038; Cara Menggunakannya"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Jika Golden friends sering berurusan dengan front-end web design, pastinya Anda pernah bertanya-tanya apa itu Bootstrap framework.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Singkatnya, Bootstrap adalah sebuah framework open-source yang digunakan untuk mengembangkan website responsive dan mobile-friendly.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Framework ini terkenal efektif memudahkan pekerjaan developer saat melakukan pengembangan desain front-end sebuah website agar lebih mudah dan cepat.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nah jika Anda ingin tahu lebih banyak tentang apa itu Bootstrap, artikel ini akan membahas semua yang perlu Anda ketahui tentangnya.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Mulai dari pengertian, fungsi, manfaat, sampai cara menggunakannya. Yuk langsung saja kita mulai!<\/span><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_84 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Daftar isi :<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a262a5de98b8\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6a262a5de98b8\" checked aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.goldenfast.net\/blog\/apa-itu-bootstrap\/#Apa_Itu_Bootstrap\" >Apa Itu Bootstrap?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.goldenfast.net\/blog\/apa-itu-bootstrap\/#Manfaat_Keunggulan_Bootstrap\" >Manfaat & Keunggulan Bootstrap<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.goldenfast.net\/blog\/apa-itu-bootstrap\/#Fungsi_Bootstrap\" >Fungsi Bootstrap<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.goldenfast.net\/blog\/apa-itu-bootstrap\/#Cara_Menggunakan_Bootstrap\" >Cara Menggunakan Bootstrap<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.goldenfast.net\/blog\/apa-itu-bootstrap\/#1_Membuat_tabel\" >1. Membuat tabel<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.goldenfast.net\/blog\/apa-itu-bootstrap\/#2_Menambahkan_button\" >2. Menambahkan button<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.goldenfast.net\/blog\/apa-itu-bootstrap\/#Penutup\" >Penutup<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Apa_Itu_Bootstrap\"><\/span><b>Apa Itu Bootstrap?<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-766\" src=\"https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/07\/pengertian-bootstrap.jpg\" alt=\"pengertian bootstrap\" width=\"1274\" height=\"526\" srcset=\"https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/07\/pengertian-bootstrap.jpg 1274w, https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/07\/pengertian-bootstrap-300x124.jpg 300w, https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/07\/pengertian-bootstrap-1024x423.jpg 1024w, https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/07\/pengertian-bootstrap-768x317.jpg 768w\" sizes=\"(max-width: 1274px) 100vw, 1274px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Jadi apa itu framework Bootstrap? Bootstrap adalah sebuah software framework CSS, HTML, dan Javascript yang banyak digunakan oleh front-end web developer.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Framework ini membantu developer untuk membuat website responsive yang bisa menyesuaikan ukuran layar perangkat yang digunakan pengunjung.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dengan framework Bootstrap ini, developer tidak perlu menjalankan dan memasukan perintah dan fungsi dasar secara manual untuk mendesain sebuah website.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">User hanya perlu menentukan dan menambahkan class css, library javascript yang sudah ada di framework untuk membuat komponen seperti grid, navigasi, dan lain-lain.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Jadi developer tidak perlu menulis kode dari awal saat melakukan desain. Tentunya pengembangan UI (user interface) website jadi bisa lebih cepat dan mudah.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Selain itu, karena ukuran framework yang kecil dan ringan, website yang menggunakan Bootstrap tidak akan mengalami kelambatan loh Golden friends!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Berkat kemudahan penggunaannya, saat ini hampir semua website di internet menggunakan framework Bootstrap sebagai salah satu komponennya.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Bahkan banyak tema website di WordPress, Joomla, dan CMS (content management system) lainnya yang menggunakan Bootstrap sebagai framework utamanya.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Awalnya Bootstrap dikembangkan oleh dua developer Twitter; Jacob Thornton dan Mark Otto. Saat ini framework ini bersifat open-source dan tersedia untuk publik di Github.<\/span><\/p>\n<p><b>Baca juga: <\/b><a href=\"https:\/\/www.goldenfast.net\/blog\/apa-itu-framework\/\" target=\"_blank\" rel=\"noopener\"><b>Apa Itu Framework? Pengertian, Manfaat, & Jenisnya<\/b><\/a><\/p>\n<h3><b>Manfaat & Keunggulan Bootstrap<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Setelah dirilis secara open-source pada tahun 2011, kepopuleran Bootstrap terus meningkat. <\/span><span style=\"font-weight: 400;\">Selain fleksibel dan mudah digunakan, banyak manfaat lain yang bisa didapatkan loh.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Beberapa keuntungan utama dari Bootstrap adalah:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Beginner friendly <\/b><span style=\"font-weight: 400;\">\u4e00 Bootstrap mudah dan cepat untuk digunakan dan dipelajari.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Responsif dan mobile friendly<\/b><span style=\"font-weight: 400;\"> \u4e00 Menawarkan kompatibilitas browser yang luas.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Konsisten <\/b><span style=\"font-weight: 400;\">\u4e00 Bootstrap memberikan desain yang konsisten dengan menggunakan komponen sama yang ada di dalam framework tersebut.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Scalable <\/b><span style=\"font-weight: 400;\">\u4e00 Menawarkan ekstensibilitas yang luas menggunakan javascript yang hadir dengan dukungan bawaan untuk plugin jQuery dan API JavaScript.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Fleksibel<\/b><span style=\"font-weight: 400;\"> \u4e00 Bootstrap juga bisa digunakan dengan editor dan teknologi dan bahasa sisi server apa pun, mulai dari ASP.NET, PHP, hingga Ruby on Rails.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Komunitas aktif <\/b><span style=\"font-weight: 400;\">\u4e00 Bersifat open-source, framework Bootstrap mempunyai komunitas developer dan juga desainer yang cukup besar di Slack room, GitHub, dan lain-lain.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Dengan Bootstrap, web developer bisa lebih fokus dalam pengembangan website dan membuat situs web yang responsif dan juga cepat.\u00a0\u00a0<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Fungsi_Bootstrap\"><\/span><b>Fungsi Bootstrap<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-768\" src=\"https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/07\/fungsi-bootstrap.jpg\" alt=\"fungsi bootstrap\" width=\"760\" height=\"459\" srcset=\"https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/07\/fungsi-bootstrap.jpg 760w, https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/07\/fungsi-bootstrap-300x181.jpg 300w\" sizes=\"(max-width: 760px) 100vw, 760px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Selain mempunyai banyak manfaat, Bootstrap juga bisa digunakan untuk melakukan banyak hal loh Golden friends! Berikut adalah beberapa fungsi dari Bootstrap:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Bootstrap digunakan untuk membuat desain website yang responsif. Semua website yang dibuat menggunakan framework ini akan langsung menyesuaikan ukuran layar browser.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Framework ini juga bisa digunakan untuk membuat dan mengembangkan segala jenis website sesuai kebutuhan, mulai yang bersifat dinamis maupun statis.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Bootstrap juga menyediakan fitur untuk menambahkan CSS dan class Anda sendiri. Sehingga, developer bisa mendesain website dengan lebih variatif.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Framework ini juga bisa membantu melakukan pengaturan layout dalam sebuah page dengan fitur yang bernama grid.<\/span><\/li>\n<\/ul>\n<p><b>Baca juga: <\/b><a href=\"https:\/\/www.goldenfast.net\/blog\/php-framework-terbaik\/\" target=\"_blank\" rel=\"noopener\"><b>PHP Framework Terbaik yang Patut Anda Gunakan<\/b><\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Cara_Menggunakan_Bootstrap\"><\/span><b>Cara Menggunakan Bootstrap<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Sebelum masuk ke cara menggunakan Bootstrap, tentunya Anda harus menginstall file yang dibutuhkan melalui composer, bower, maupun npm.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sampai sekarang Bootstrap masih sering memperbarui sistemnya. Untuk mendownload versi terbaru dari Bootstrap (v 5.0.2), buka website <\/span><a href=\"https:\/\/getbootstrap.com\/\"><span style=\"font-weight: 400;\">https:\/\/getbootstrap.com\/<\/span><\/a><span style=\"font-weight: 400;\"> dan tekan Download.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nah selanjutnya, Anda hanya harus perlu melakukan instalasi sesuai kebutuhan website.\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Pindahkan file .zip yang sudah terunduh ke dalam folder project dan ekstrak file.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Buka aplikasi teks editor\u00a0 pada komputer Anda dan isikan baris kode sesuai kebutuhan.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Simpan perubahan dan buat file bernama <\/span><b>index.html<\/b><span style=\"font-weight: 400;\">.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Lalu, panggil file Bootstrap dan library lainnya menggunakan kode yang dibutuhkan.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Setelah langkah terakhir, Anda seharusnya sudah bisa menggunakan framework Bootstrap untuk membuat website yang dinamis dan responsif.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ada banyak fungsi dan cara menggunakan Bootstrap, berikut adalah beberapa penjelasan singkatnya Golden friends!<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"1_Membuat_tabel\"><\/span><strong>1. Membuat tabel<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Salah satu fungsi Bootstrap adalah untuk mengembangkan struktur tabel dengan penulisan kode program yang lebih jelas, cepat, dan mudah.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Anda hanya perlu memanggil class yang dibutuhkan dan ada di dalam file Bootstr<\/span><span style=\"font-weight: 400;\">ap itu sendiri. Caranya cukup mudah. Anda hanya perlu menambahkan kode pada atribut class yang ada.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Atribut class yang ada pada Bootstrap sendiri juga lumayan banyak, antara lain\u00a0<\/span><\/p>\n<ul>\n<li><strong>\u201c.table\u201d<\/strong><\/li>\n<li><strong>\u201c.table-striped\u201d<\/strong><\/li>\n<li><strong>\u201c.table-bordered\u201d<\/strong><\/li>\n<li><strong>\u201c.table-hover\u201d<\/strong><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Berikut adalah contoh penggunaannya:<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><table class=\u201dtable table-stripped\u201d> atau <table class=\u201dtable table-hover\u201d> atau <table class=\u201dtable table-responsive\u201d><\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"2_Menambahkan_button\"><\/span><strong>2. Menambahkan button<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Fungsi Bootstrap yang lainnya adalah untuk menambahkan fitur button atau tombol pada website. Caranya cukup mudah, Anda hanya perlu memanggil class atribut \u201c.btn\u201d.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Selain itu, Anda juga bisa menambahkan class lain pada atribut tersebut untuk memberikan variasi tombol yang berbeda pada website.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Banyak variasi tombol yang disediakan oleh Bootstrap, berikut adalah penjelasan singkat beberapa atribut class untuk membuat button:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>.btn-default\u00a0 <\/b><span style=\"font-weight: 400;\">\u4e00 digunakan untuk membuat tombol default berwarna abu-abu.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>.btn-primary<\/b> <b>\u00a0<\/b><span style=\"font-weight: 400;\">\u4e00 tombol warna biru, biasanya digunakan untuk membuat tombol login.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>.btn-success<\/b> <b>\u00a0<\/b><span style=\"font-weight: 400;\">\u4e00 digunakan untuk membuat tombol yang menyatakan pesan sukses.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>.btn-info <\/b><span style=\"font-weight: 400;\">\u4e00 tombol warna biru muda, digunakan untuk menampilkan informasi.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>.btn-warning<\/b> <b>\u00a0<\/b><span style=\"font-weight: 400;\">\u4e00 tombol warna kuning yang menampilkan peringatan.\u00a0<\/span><\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Penutup\"><\/span><b>Penutup<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Nah itu tadi pengertian lengkap tentang Bootstrap Golden friends! Intinya, Bootstrap adalah framework yang digunakan untuk memudahkan pekerjaan front-end web developer.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dengan framework gratis ini, web designing dan web development menggunakan CSS, HTML, atau Javascript bisa menjadi lebih mudah, cepat, dan efektif.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Jika Anda tertarik untuk menggunakan framework ini, langsung saja buka website official Bootstrap dan download versi terbaru ya Golden friends!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nah jika Anda membutuhkan Cloud VPS server terbaik untuk host website dan aplikasi Anda sebelum melakukan development, GoldenFast Network punya solusinya.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Mulai dari 135 ribuan per bulan saja, Anda sudah bisa mendapatkan <\/span><span style=\"font-weight: 400;\">Cloud VPS<\/span><span style=\"font-weight: 400;\"> maupun <\/span><span style=\"font-weight: 400;\">Dedicated server<\/span><span style=\"font-weight: 400;\"> dengan 98% uptime , UPS backup, dan 24\/7 monitoring & customer service.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Bukan hanya itu, semua layanan <strong>Golden Fast Network<\/strong> juga dilengkapi dengan High Grade hardware kelas enterprise dan juga beberapa tier 1 network loh Golden friends!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sangat menarik bukan? Yuk langsung saja bergabung dengan GFN!\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Jika Golden friends sering berurusan dengan front-end web design, pastinya Anda pernah bertanya-tanya apa itu Bootstrap framework. Singkatnya, Bootstrap adalah sebuah framework open-source yang digunakan untuk mengembangkan website responsive dan mobile-friendly. Framework ini terkenal efektif memudahkan pekerjaan developer saat melakukan pengembangan desain front-end sebuah website agar lebih mudah dan cepat. Nah jika Anda ingin tahu [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":764,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[63,2],"tags":[368,370,369],"class_list":["post-760","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development","category-glossary","tag-apa-itu-bootstrap","tag-cara-menggunakan-bootstrap","tag-pengertian-bootstrap"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Apa Itu Bootstrap? Pengertian, Fungsi, &amp; Cara Menggunakannya<\/title>\n<meta name=\"description\" content=\"Apakah Anda bertanya-tanya apa itu Bootstrap? Yuk langsung saja buka artikel ini dan baca penjelasan lengkap tentang framework yang satu ini!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.goldenfast.net\/blog\/apa-itu-bootstrap\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Apa Itu Bootstrap? Pengertian, Fungsi, &amp; Cara Menggunakannya\" \/>\n<meta property=\"og:description\" content=\"Apakah Anda bertanya-tanya apa itu Bootstrap? Yuk langsung saja buka artikel ini dan baca penjelasan lengkap tentang framework yang satu ini!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.goldenfast.net\/blog\/apa-itu-bootstrap\/\" \/>\n<meta property=\"og:site_name\" content=\"GFN Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-07-26T09:05:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-03T08:23:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/07\/Apa-Itu-Bootstrap-Pengertian-Fungsi-Cara-Menggunakannya.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"743\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Amera P. Safira\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Amera P. Safira\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/apa-itu-bootstrap\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/apa-itu-bootstrap\\\/\"},\"author\":{\"name\":\"Amera P. Safira\",\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/#\\\/schema\\\/person\\\/c916afa27bf5efd317c18ac835b33dff\"},\"headline\":\"Apa Itu Bootstrap? Pengertian, Fungsi, &#038; Cara Menggunakannya\",\"datePublished\":\"2021-07-26T09:05:12+00:00\",\"dateModified\":\"2024-01-03T08:23:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/apa-itu-bootstrap\\\/\"},\"wordCount\":1009,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/apa-itu-bootstrap\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/Apa-Itu-Bootstrap-Pengertian-Fungsi-Cara-Menggunakannya.jpg\",\"keywords\":[\"apa itu bootstrap\",\"cara menggunakan bootstrap\",\"pengertian bootstrap\"],\"articleSection\":[\"Development\",\"Glossary\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/apa-itu-bootstrap\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/apa-itu-bootstrap\\\/\",\"url\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/apa-itu-bootstrap\\\/\",\"name\":\"Apa Itu Bootstrap? Pengertian, Fungsi, & Cara Menggunakannya\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/apa-itu-bootstrap\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/apa-itu-bootstrap\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/Apa-Itu-Bootstrap-Pengertian-Fungsi-Cara-Menggunakannya.jpg\",\"datePublished\":\"2021-07-26T09:05:12+00:00\",\"dateModified\":\"2024-01-03T08:23:59+00:00\",\"description\":\"Apakah Anda bertanya-tanya apa itu Bootstrap? Yuk langsung saja buka artikel ini dan baca penjelasan lengkap tentang framework yang satu ini!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/apa-itu-bootstrap\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/apa-itu-bootstrap\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/apa-itu-bootstrap\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/Apa-Itu-Bootstrap-Pengertian-Fungsi-Cara-Menggunakannya.jpg\",\"contentUrl\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/Apa-Itu-Bootstrap-Pengertian-Fungsi-Cara-Menggunakannya.jpg\",\"width\":1000,\"height\":743,\"caption\":\"Apa Itu Bootstrap Pengertian, Fungsi, & Cara Menggunakannya\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/apa-itu-bootstrap\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Apa Itu Bootstrap? Pengertian, Fungsi, &#038; Cara Menggunakannya\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/\",\"name\":\"GFN Blog\",\"description\":\"Blog | GoldenFast Network\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/#organization\",\"name\":\"Goldenfast Network\",\"url\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/04\\\/logogoldenfast.png\",\"contentUrl\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/04\\\/logogoldenfast.png\",\"width\":232,\"height\":80,\"caption\":\"Goldenfast Network\"},\"image\":{\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/#\\\/schema\\\/person\\\/c916afa27bf5efd317c18ac835b33dff\",\"name\":\"Amera P. Safira\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb34a857ff46cf1b57b799f039a6a8c64d42a84f067d80dc2c8bab4bbe54c07d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb34a857ff46cf1b57b799f039a6a8c64d42a84f067d80dc2c8bab4bbe54c07d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb34a857ff46cf1b57b799f039a6a8c64d42a84f067d80dc2c8bab4bbe54c07d?s=96&d=mm&r=g\",\"caption\":\"Amera P. Safira\"},\"description\":\"With a newfound love of the IT world, Amera likes to turn complex topics into easy-to-read and comprehensive articles. In her spare times, Amera enjoys playing video games and reading every book she can find.\",\"url\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/author\\\/amera-p-safira\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Apa Itu Bootstrap? Pengertian, Fungsi, & Cara Menggunakannya","description":"Apakah Anda bertanya-tanya apa itu Bootstrap? Yuk langsung saja buka artikel ini dan baca penjelasan lengkap tentang framework yang satu ini!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.goldenfast.net\/blog\/apa-itu-bootstrap\/","og_locale":"en_US","og_type":"article","og_title":"Apa Itu Bootstrap? Pengertian, Fungsi, & Cara Menggunakannya","og_description":"Apakah Anda bertanya-tanya apa itu Bootstrap? Yuk langsung saja buka artikel ini dan baca penjelasan lengkap tentang framework yang satu ini!","og_url":"https:\/\/www.goldenfast.net\/blog\/apa-itu-bootstrap\/","og_site_name":"GFN Blog","article_published_time":"2021-07-26T09:05:12+00:00","article_modified_time":"2024-01-03T08:23:59+00:00","og_image":[{"width":1000,"height":743,"url":"https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/07\/Apa-Itu-Bootstrap-Pengertian-Fungsi-Cara-Menggunakannya.jpg","type":"image\/jpeg"}],"author":"Amera P. Safira","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Amera P. Safira","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.goldenfast.net\/blog\/apa-itu-bootstrap\/#article","isPartOf":{"@id":"https:\/\/www.goldenfast.net\/blog\/apa-itu-bootstrap\/"},"author":{"name":"Amera P. Safira","@id":"https:\/\/www.goldenfast.net\/blog\/#\/schema\/person\/c916afa27bf5efd317c18ac835b33dff"},"headline":"Apa Itu Bootstrap? Pengertian, Fungsi, &#038; Cara Menggunakannya","datePublished":"2021-07-26T09:05:12+00:00","dateModified":"2024-01-03T08:23:59+00:00","mainEntityOfPage":{"@id":"https:\/\/www.goldenfast.net\/blog\/apa-itu-bootstrap\/"},"wordCount":1009,"commentCount":0,"publisher":{"@id":"https:\/\/www.goldenfast.net\/blog\/#organization"},"image":{"@id":"https:\/\/www.goldenfast.net\/blog\/apa-itu-bootstrap\/#primaryimage"},"thumbnailUrl":"https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/07\/Apa-Itu-Bootstrap-Pengertian-Fungsi-Cara-Menggunakannya.jpg","keywords":["apa itu bootstrap","cara menggunakan bootstrap","pengertian bootstrap"],"articleSection":["Development","Glossary"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.goldenfast.net\/blog\/apa-itu-bootstrap\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.goldenfast.net\/blog\/apa-itu-bootstrap\/","url":"https:\/\/www.goldenfast.net\/blog\/apa-itu-bootstrap\/","name":"Apa Itu Bootstrap? Pengertian, Fungsi, & Cara Menggunakannya","isPartOf":{"@id":"https:\/\/www.goldenfast.net\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.goldenfast.net\/blog\/apa-itu-bootstrap\/#primaryimage"},"image":{"@id":"https:\/\/www.goldenfast.net\/blog\/apa-itu-bootstrap\/#primaryimage"},"thumbnailUrl":"https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/07\/Apa-Itu-Bootstrap-Pengertian-Fungsi-Cara-Menggunakannya.jpg","datePublished":"2021-07-26T09:05:12+00:00","dateModified":"2024-01-03T08:23:59+00:00","description":"Apakah Anda bertanya-tanya apa itu Bootstrap? Yuk langsung saja buka artikel ini dan baca penjelasan lengkap tentang framework yang satu ini!","breadcrumb":{"@id":"https:\/\/www.goldenfast.net\/blog\/apa-itu-bootstrap\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.goldenfast.net\/blog\/apa-itu-bootstrap\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.goldenfast.net\/blog\/apa-itu-bootstrap\/#primaryimage","url":"https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/07\/Apa-Itu-Bootstrap-Pengertian-Fungsi-Cara-Menggunakannya.jpg","contentUrl":"https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/07\/Apa-Itu-Bootstrap-Pengertian-Fungsi-Cara-Menggunakannya.jpg","width":1000,"height":743,"caption":"Apa Itu Bootstrap Pengertian, Fungsi, & Cara Menggunakannya"},{"@type":"BreadcrumbList","@id":"https:\/\/www.goldenfast.net\/blog\/apa-itu-bootstrap\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.goldenfast.net\/blog\/"},{"@type":"ListItem","position":2,"name":"Apa Itu Bootstrap? Pengertian, Fungsi, &#038; Cara Menggunakannya"}]},{"@type":"WebSite","@id":"https:\/\/www.goldenfast.net\/blog\/#website","url":"https:\/\/www.goldenfast.net\/blog\/","name":"GFN Blog","description":"Blog | GoldenFast Network","publisher":{"@id":"https:\/\/www.goldenfast.net\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.goldenfast.net\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.goldenfast.net\/blog\/#organization","name":"Goldenfast Network","url":"https:\/\/www.goldenfast.net\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.goldenfast.net\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/04\/logogoldenfast.png","contentUrl":"https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/04\/logogoldenfast.png","width":232,"height":80,"caption":"Goldenfast Network"},"image":{"@id":"https:\/\/www.goldenfast.net\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.goldenfast.net\/blog\/#\/schema\/person\/c916afa27bf5efd317c18ac835b33dff","name":"Amera P. Safira","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/bb34a857ff46cf1b57b799f039a6a8c64d42a84f067d80dc2c8bab4bbe54c07d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/bb34a857ff46cf1b57b799f039a6a8c64d42a84f067d80dc2c8bab4bbe54c07d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bb34a857ff46cf1b57b799f039a6a8c64d42a84f067d80dc2c8bab4bbe54c07d?s=96&d=mm&r=g","caption":"Amera P. Safira"},"description":"With a newfound love of the IT world, Amera likes to turn complex topics into easy-to-read and comprehensive articles. In her spare times, Amera enjoys playing video games and reading every book she can find.","url":"https:\/\/www.goldenfast.net\/blog\/author\/amera-p-safira\/"}]}},"_links":{"self":[{"href":"https:\/\/www.goldenfast.net\/blog\/wp-json\/wp\/v2\/posts\/760","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.goldenfast.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.goldenfast.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.goldenfast.net\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.goldenfast.net\/blog\/wp-json\/wp\/v2\/comments?post=760"}],"version-history":[{"count":7,"href":"https:\/\/www.goldenfast.net\/blog\/wp-json\/wp\/v2\/posts\/760\/revisions"}],"predecessor-version":[{"id":3311,"href":"https:\/\/www.goldenfast.net\/blog\/wp-json\/wp\/v2\/posts\/760\/revisions\/3311"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.goldenfast.net\/blog\/wp-json\/wp\/v2\/media\/764"}],"wp:attachment":[{"href":"https:\/\/www.goldenfast.net\/blog\/wp-json\/wp\/v2\/media?parent=760"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.goldenfast.net\/blog\/wp-json\/wp\/v2\/categories?post=760"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.goldenfast.net\/blog\/wp-json\/wp\/v2\/tags?post=760"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}