Bootstrap 5, Framework CSS Dengan Segudang Kelebihan

Guys, kalian para programmer sudah pasti tidak asing lagi dengan Bootstrap ya. Salah satu Framework CSS yang terkenal cepat, simple dan responsive ini sudah ada versi ke 5 nya loh. Sudah banyak updatean dan juga perbaikan-perbaikan pada Bug yang mungkin ditemukan pada seri Bootstrap sebelumnya. Pada seri 5 ini, dari segi penggunaan  tidaklah jauh berbeda. Hanya saja kemampuannya dalam meningkatkan tampilan dari sebuah website menjadi lebih baik lagi. Lebih responsive terutama pada mobile device dan lebih cepat proses loadinnya.

Buat kalian yang ingin mencobanya, disini kita lampirkan Starter Template nya yang terhubung dengan metode CDN.

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

    <title>Hello, world!</title>
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- Optional JavaScript; choose one of the two! -->

    <!-- Option 1: Bootstrap Bundle with Popper -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

    <!-- Option 2: Separate Popper and Bootstrap JS -->
    <!--
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
    -->
  </body>
</html>

Jika kalian ingin mecoba langsung  dengan cara menginstallnya, berikut kita berikan link download nya ya.

Download Bootstrap 5 => Download Bootstrap 5 

 

Sekian, Sampai Jumpa.

You may also like...