Bootstrap là 1 framework được sử dụng nhiều nhất trong thời gian gần đây trong việc xây dựng giao diện website. Hiện nay bootstrap bao gồm 2 phiên bản là bootstrap 3 và bootstrap 4. Vậy cách dowload bootstrap 3dowload bootstrap 4 như thế nào?

Dowload bootstrap 3

Tải về từ trang Getbootstrap

Để có thể tải được bootstrap 3 thì bạn cần phải vào đường link sau: Getbootstrap.com.vn, để lựa chọn phiên bản bootstrap bạn cần dowload.

Sau khi bạn đã tải về xong thì file bạn nhận được sẽ bao gồm 2 thư mực là JsCSS. Khi đó bạn cần phải giải nén và cài đặt vào web hosting thông qua giao thức FTP.

Tải về từ trang Getbootstrap

Tải về từ CDN

Bạn có thể nhúng bootstrap 3 thông qua CDN (ontent Delivery Network – mạng phân phối nội dung) – mạng phân phối nội dung.

Dowload bootstrap 4

Hiện nay có 2 cách chính để có thể cài đặt Bootstrap 4 đó chính là nhúng bootstrap 4 từ CDN (mạng phân phối nội dung) và tải trực tiếp từ trang chủ bootstrap là: vietnamforestry.com.vn

Tải bootstrap 4 từ trang chủ

Nếu như bạn muốn tải bootstrap 4 và sử dụng trên host riêng thì bạn chỉ cần vào trang chủ và tại đó bạn sẽ thấy link tải về. Khi đó bạn chỉ cần tải về và sử dụng.

Hướng dẫn sử dụng Bootstrap cơ bản

Nhúng bootstrap từ CDN

Hiện nay đa phần các lập trình viên đều sử dụng cách nhúng Bootstrap thông qua CDN bởi vì khi đó nó sẽ giúp bạn tiết kiệm băng thông cho website. MaxCDN sẽ cung cấp các CDN cho CSS và Javasript của Bootstrap cũng như thư viện jQuery.

VD nhúng các tập tin cần thiết để xây dựng 1 website dùng bootstrap 4 như dưới đây:

<!– CSS được tối ưu và biên dịch mới nhất –>
<link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/

bootstrap/4.1.0/css/bootstrap.min.css”>

<!– Thư viện jQuery (Blog Getbootstrap) –>
<script src=”https://ajax.googleapis.com/

ajax/libs/jquery/3.3.1/jquery.min.js”></script>

<!– Popper JS –>
<script src=”https://cdnjs.cloudflare.com/

ajax/libs/popper.js/1.14.0/umd/popper.min.js”>

</script>

<!– JavaScript biên dịch mới nhất –>
<script src=”https://maxcdn.bootstrapcdn.com/

bootstrap/4.1.0/js/bootstrap.min.js”></script>

Để lại một bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *