Trong bài hướng dẫn này, tôi sẽ giới thiệu cho bạn về Bootstrap - một framework HTML, CSS và JavaScript được sử dụng rộng rãi nhất hiện nay để thiết kế web responsive. Bạn sẽ học được cách sử dụng Bootstrap để tạo ra các giao diện web đẹp mắt và chuyên nghiệp chỉ với vài dòng code. Bạn sẽ cũng biết cách tùy biến Bootstrap theo ý muốn của bạn và khai thác các thành phần Bootstrap để tạo ra các phần tử web độc đáo. Hãy cùng bắt đầu nhé!
Bước 1: Tải xuống các tệp của Bootstrap sau đó giải nén.
Bước 2: Tạo một thư mục HTML.
Bước 3: Sao chép tệp JS và tệp CSS trong thư mục HTML mà bạn nhận được sau khi tải xuống Bootstrap 4 và tạo tệp index.html
Bước 4: Liên kết tệp CSS Bootstrap của bạn, sao chép mã bên dưới và dán nó vào tệp index.html trong thẻ "head"
! - CSS lõi Bootstrap →
<link href = "css / bootstrap.css" rel = "stylesheet">
Bước 5: Theo cách tương tự, thêm JavaScript Bootstrap lõi sau Footer của index.html để tải nhanh trang.
<script src = " https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.phút.js "> </ script>
<script src = "js / bootstrap.js"> </ script>