Jquery bánh mì nướng bootstrap

Có 2 cách để cài đặt Bootstrap, một là bạn tải Bootstrap về và lưu trên máy, hai là sử dụng CDN. Sử dụng CDN thì tiện là bạn chỉ cần chèn dòng code vào file Bootstrap là xong, nhưng hạn chế là khi mạng chập chờn thì thao tác hơi khó chịu

Trong hướng dẫn này mình sử dụng Sublime Text 3 để minh họa 2 cách cài đặt Bootstrap cho các bạn

1. Use CDN

MaxCDN cung cấp hỗ trợ CDN cho CSS và JavaScript của Bootstrap, bạn cũng phải thêm cả jQuery vào nữa. Tất cả những gì bạn cần làm là  copy đoạn code sau và dán vào thẻ của file html.

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>

Khi đó, tệp html của bạn sẽ như thế này

Jquery bánh mì nướng bootstrap

2. Tải và cài đặt Bootstrap

  • Bạn truy cập vào liên kết này để tải Bootstrap về máy tính
  • Giải nén tệp Bootstrap vừa tải xuống, sao chép tệp và đặt vào cùng thư mục với tệp html mà bạn định sử dụng Bootstrap
  • Tạo thẻ link trong thẻ và chỉ đường dẫn đến file bootstrap.css hoặc bootstrap.min.css:
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css">

Thêm thẻ