Tim Bootstrap merilis bootstrap 6 alpha pertama—paket 6.0.0-alpha.1—pada 8 Oktober 2026 lewat npm dan jsDelivr. Rilis itu belum stabil. Maintainer menegaskan masih akan ada alpha berikutnya, lalu beta dan release candidate. API serta class dapat berubah berarti sebelum stabil. Overhaul v6 mencakup Sass module system, plugin JavaScript ESM-only, standar CSS modern, serta sintaks utility responsif yang tidak kompatibel drop-in dengan markup Bootstrap 5.
Sumber primer ada di post resmi Bootstrap Blog (8 Oktober 2026). Instalasi: npm i bootstrap@6.0.0-alpha.1. Liputan Heise Developer (8 Oktober 2026) membingkai alpha pertama setelah era Bootstrap 5 yang panjang. Itu bukan klaim bahwa v5 tidak pernah menerima pembaruan maintenance.
Bagi pemilik website, agency, dan developer WordPress theme custom di Indonesia, nut graf singkatnya: jangan anggap upgrade CDN atau semver bump saja. Migrasi production dari v5 ke alpha v6 tanpa inventaris markup, Sass, JavaScript, analytics browser, dan regresi visual hampir pasti mahal. Bootstrap 5 tetap tersedia bila floor browser v6 tidak cocok dengan audiens Anda.
Browser Floor dan Status Alpha Bootstrap 6
Dalam Bootstrap 6, lantai dukungan browser jauh lebih baru daripada v5. Chrome dan Edge minimal 130+, Firefox 132+, Safari 18+. v5 sebelumnya masih menargetkan generasi browser jauh lebih lama (Chrome/Firefox 60, Safari 12 menurut perbandingan resmi). v6 memakai fitur seperti light-dark(), :has(), container queries, oklch(), color-mix(), elemen native <dialog>, dan CSS layers. Framework tidak menyediakan fallback, prefix, atau polyfill untuk browser di bawah floor tersebut.
Artinya bukan «tidak ada pengunjung lama sama sekali di semua kondisi». Framework tidak lagi menanggung kompatibilitas di bawah ambang itu. Sebelum migrasi website klien, bandingkan floor resmi dengan data analytics perangkat dan versi browser. Proyek internal atau prototype dengan audiens developer-only bisa mengevaluasi alpha. Situs company profile UMKM yang masih melayani Safari lama atau browser korporat tertinggal perlu skeptis.
Post resmi juga menyatakan Bootstrap 5 remains available and supported jika floor v6 tidak cocok. Maintainer menyebut v5.4.0 akan hadir sebelum tim membagikan tanggal end-of-life v5. Jadi jangan menulis v5 sudah EOL hanya karena alpha v6 ada.
Prefix Responsif dan Breaking Class Bootstrap 6
Perubahan paling terasa di markup. Maintainer mengganti infix responsif v5 menjadi prefix ala Tailwind. Mereka mengakui langsung bahwa pola ini disalin karena dirasa lebih konsisten. Contoh resmi: .d-md-none menjadi .md:d-none, .col-lg-6 menjadi .lg:col-6, .opacity-50-hover menjadi .hover:opacity-50, .justify-content-md-end menjadi .md:justify-content-end. Komponen ikut bergeser; contoh resmi .offcanvas-md menjadi .md:drawer (rename disengaja).
Template WordPress custom, landing page lama, atau theme builder yang men-generate class v5 tidak otomatis aman setelah ganti versi CDN. Helper Sass custom yang memakai breakpoint-infix() harus pindah ke breakpoint-prefix(). Loop breakpoint expose $prefix bukan $infix. Prefix responsif v6 memang terinspirasi pola Tailwind menurut maintainer; artikel ini fokus rilis alpha, bukan perbandingan framework panjang.
Bootstrap memakai CSS layers agar specificity lebih terprediksi. Utilities berada di layer paling atas. Itu membantu model override, tetapi bukan jaminan «masalah specificity Bootstrap hilang total» di setiap theme campuran ad hoc.
Sass Modules, CSS Token, dan JavaScript ESM
Bootstrap 6 memindahkan customization ke @use/@forward. Tim Bootstrap men-deprecate @import untuk kustomisasi v6. Sass tidak dibuang. Sass tetap menghasilkan variant komponen, utilities, dan fungsi. Hampir semua variabel visual v5 kini menjadi CSS variables dalam token maps. Override visual lebih kuat lewat custom properties, termasuk runtime di browser untuk token global.
File lama seperti _variables.scss dan _variables-dark.scss reorganisasi atau hilang dari struktur lama. Opsi global Sass tersisa terpusat di file konfigurasi baru. Prefix bs pada custom properties lewat PostCSS, bukan variabel Sass $prefix seperti v5. Untuk kode migrasi production, migration guide resmi harus jadi acuan—not hanya ringkasan blog.
JavaScript plugin v6 ESM-only: tidak ada bundle UMD dan tidak ada global window.bootstrap. CDN wajib <script type="module" ...>. Pengguna data attribute seperti data-bs-toggle cukup menambahkan type="module" pada script menurut blog resmi. Namun perubahan class dan komponen lain tetap wajib Anda uji end-to-end. Konsumen API CDN harus explicit import. Bundler modern (Vite, Webpack, Parcel) tetap bisa tree-shake import ESM. Proyek CommonJS require() harus pindah ke import ESM. Source plugin sekarang TypeScript dengan deklarasi tipe bawaan. Anda bisa hapus dependency @types/bootstrap—consumer tidak wajib menulis TypeScript.
llms.txt, Skills, dan «Built for Humans and Agents»
Bagian «Built for humans and agents» bukan fitur AI runtime di website pengguna. Bootstrap menambahkan llms.txt (indeks kurasi dokumentasi) dan llms-full.txt (seluruh docs dalam satu berkas teks). Direktori skills/ berisi playbook untuk agentic coding—contoh tugas: migrasi ke v6, integrasi build tool, authoring komponen. Tujuannya agar coding agent mengikuti panduan maintainer, bukan menambahkan chatbot atau generator komponen AI bawaan di browser visitor.
Shift ini relevan bagi tim yang memakai Cursor, Claude Code, atau agent serupa, terpisah dari narasi vendor AI lain. Jangan klaim Bootstrap 6 «wajib AI» atau «punya ChatGPT built-in». Dokumentasi ramah LLM membantu implementasi; tanggung jawab markup, aksesibilitas, dan konten tetap di implementer.
Kapan Migrasi Bootstrap 5 ke 6?
Kajian CodeF: website existing yang stabil di v5 tidak perlu buru-buru pindah hanya karena major alpha dirilis. Alasan migrasi yang masuk akal: kebutuhan fitur CSS modern yang sudah Anda rencanakan, seluruh pengunjung target memakai browser di atas floor v6, roadmap redesign frontend, atau eksperimen internal dengan toleransi breaking change. Alpha secara eksplisit masih bisa berubah—class, API, dan migration guide dapat berevolusi sebelum beta.
Checklist praktis sebelum commit budget klien: scan responsive, grid, dan display utilities. Periksa navbar, drawer/offcanvas, modal/dialog, form, dan plugin JS. Audit override Sass, integrasi pihak ketiga yang masih emit class v5, matrix browser, serta regresi visual dan aksesibilitas. WordPress core tidak bergantung Bootstrap—audit hanya pada theme atau plugin custom yang memuat framework. Replace-all class otomatis bisa membantu sebagian. Overhaul v6 tetap melibatkan arsitektur Sass, modul JS, dan komponen—not strategi migrasi lengkap tanpa verifikasi official tooling.
Untuk keputusan stack CSS di proyek baru (bukan sekadar versi Bootstrap), bandingkan juga CSS Modules, Tailwind, atau CSS biasa di proyek klien. Tim yang ingin latihan sintaks modern tanpa menyentuh production bisa memakai CSS playground untuk layout sebagai sandbox terpisah dari upgrade alpha di situs live.
Pantau repositori Bootstrap dan kategori feedback v6 di GitHub Discussions bila alpha berikutnya atau beta muncul. Verifikasi ulang versi npm sebelum menulis «terbaru» di dokumentasi internal klien. Migrasi framework major tetap proyek teknik penuh—bukan hanya mengganti nomor versi di package.json.
