mengenal bootstrap, belajar bootstrap, tutorial bootstrap, apa itu bootstrap

Memulai Bootstrap – Cara membuat web dengan Bootstrap

Setelah kita memahami apa itu bootstrap dan apa fungsi bootstrap, sekarang bahasan kita melangkah lebih maju lagi dengan bahasan “bagaimana kita memulai membuat web dengan bootstrap”.

Sebelum langkah Anda lebih jauh lagi, sebelumnya Anda harus menentukan apakah Anda akan menggunakan Bootstrap 4 atau Bootstrap 3.

Cara paling sederhana untuk membuat web dengan bootstrap cukup dengan menambahkan link di antara <head> dan </head> tanpa harus mendownload apapun. Namun cara ini hanya berlaku jika PC Anda dalam kondisi online (terkoneksi ke internet) atau berlaku untuk web yang di hosting di perusahaan Hosting terpercaya seperti Bestariweb Hosting yang saya gunakan saat ini.

Untuk Bootstrap 4, cukup tambahkan:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>

untuk Bootstrap 3 tambahkan:

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

Namun Jika Anda menginginkan untuk belajar Bootstrap secara offline, anda bisa mendownload Bootstrap ke PC di link yang telah saya sediakan di bagian akhir artikel Apa itu Bootstrap dan Fungsinya

Mana yang lebih baik antara Download Bootstrap atau menggunakan Link?

Untuk menjawab hal ini, maka yang terbaik adalah yang sesuai dengan kebutuhan.

  • Jika anda membutukannya untuk web yang ditempatkan di hosting atau server yang selalu online, maka menggunakan link lebih baik. Alasannya karena selain menghemat space, penggunaan link juga bisa mempercepat load web Anda karena Maxcdn banyak diakses oleh pengguna bootstrap lainnya sehingga bisa dipastikan yang terload adalah cache
  • Namun jika anda membutuhkan bootstrap untuk dipasang di intranet yang belum tentu selalu terhubung ke internet, maka kami sarankan untuk mendownload dan menambahkan link sesuai dengan path localhost anda

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>