Hướng dẫn cài đặt và sử dụng bootrap
Các bạn khi học lập trình web thường nghe nhắc đến thuật ngữ Bootstrap rất nhiều. Vậy Bootstrap là gì? Làm sao để cài đặt Bootstrap để sử dụng được? Nó được ra đời nhằm mục đích gì, mang lại những lợi ích gì, tại sao lại dùng Bootstrap trong lập trình web? Sau khi hiểu được khái niệm và ý nghĩa mà Bootstrap mang lại, các bạn lúc này chắc hẳn đã bắt đầu tò mò mong muốn biết cách thao tác với ngôn ngữ lập trình này, cách làm sao để nhúng Bootstrap vào website hay cách để tạo web. Show Trong những chia sẻ ngay dưới đây, anh sẽ giúp các bạn giải đáp những thắc mắc trên và hướng dẫn cài đặt và sử dụng Bootstrap trong lập trình web cụ thể như thế nào thông qua các ví dụ minh hoạ kèm theo. 1. Bootstrap là gìBootstrap là một framework giúp chúng ta xây dựng website một cách nhanh chóng và dễ dàng. Trong framework bootstrap đã xây dựng sẵn các thiết kế và các template cho form, button, tables, navigation, modal bằng HTML và CSS. Chúng ta chỉ việc sử dụng và không cần mất thời gian để thiết kế. Ngoài ra Bootstrap còn cung cấp cho chúng ta những thư viện Javascript hỗ trợ cho việc làm hiệu ứng trên website. Sử dụng Bootstrap sẽ giúp website trở nên responsive, có nghĩa là website sẽ được hiển thị trên nhiều nền tảng khác nhau như điện thoại, máy tính, tivi 2. Tại sao lại dùng BootstrapHầu hết 70% các lập trình viên đều sử dụng Bootstrap để làm web vì nó có các ưu điểm sau:
3. Làm sao nhúng Bootstrap vào websiteCó 2 cách chúng ta có thể nhúng Bootstrap vào website và sử dụng
1 2 3 4 5 6 7 8 9 10 11 Latest compiled and minified CSS > jQuery library > Popper JS > Latest compiled JavaScript > Khi sử dụng CDN thì khi trang web mình load lên nó sẽ lên mạng lấy file boostrap.min.js về. Chúng ta không cần phải download nguyên framework bootstrap về dự án
Chúng ta lên website getbootstrap sau đó download nguyên bộ boostrap về folder của dự án và dùng 4. Tạo website với Bootstrap
Bootstrap sử dụng HTML elements và các thuộc tính Css nên yêu cầu HTML5 doctype ở đầu file html 1 2 3 4 5 6
Hiện nay số lượng người dùng điện thoại là rất lớn, nên website của mình cũng phải hiển thị được trên điện thoại. Chính vì vậy khi làm một website mình phải ưu tiên nó phải hiển thị được trên điện thoại trước. Chúng ta thêm thẻ meta trong thẻ head để cấu hình 1
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
Latest compiled and minified CSS >
Tiếp đến chúng ta sẽ xây dựng các thành phần của website trong thẻ body. Trong các chủ đề tiếp theo anh sẽ hướng dẫn mọi người cách xây dựng các thành phần |