Bootstrap là gì? hướng dẫn dành cho người mới bắt đầu

Bootstrap được áp dụng rất phổ cập vào xây dựng trang web. Bài học thứ nhất này sẽ trình bày đến chúng ta trình làng cùng thiết đặt Bootstrap. Cũng nlỗi vấn đáp các câu hỏi: Bootstrap là gì? Tại sao đề xuất sử dụng Boostrap? Dùng như thế nào?


Video – Giới thiệu bootstrap

Hướng dẫn bỏ ra tiết

Bootstrap là gì?

+ Một framework của css và javascript. Hay nói theo cách khác, nó là phần đa đoạn code viết sẵn.

Bạn đang xem: Bootstrap là gì? hướng dẫn dành cho người mới bắt đầu

+ Định nghĩa sẵn những class css và những hàm trong javascript. Chúng ta chỉ việc áp dụng các class này nhằm thiết lập thêm

Ưu điểm của bootstrap

+ Giảm tđọc sút câu hỏi viết code, đóng vai trò như cỗ form nền, giúp cách tân và phát triển website nkhô cứng hơn.

+ Hỗ trợ phong phú nlỗi slide, responsive, menu nhiều cấp cho.

Ví dụ: Chúng ta ao ước tạo ra một button

HTML

Button 1CSS

.btn1 background-color: red; color: white; margin-bottom: 50px;Trong lúc ấy, giả dụ sử dụng Bootstrap, họ chỉ vấn đề dùng bí quyết class khái niệm sẵn.

Button BootstrapButton PrimaryVà kết quả là

*
Button của Bootstrap làm cho nhanh với đẹp hơn khôn xiết nhiều

Cách thiết đặt bootstrap

Cách 1: Đưa vào file html đường liên kết trực con đường. Cách này phụ thuộc không ít vào con đường truyền mạng, độc nhất vô nhị là lúc chúng ta đã học. Nhưng sẽ giúp trang web của chúng ta giảm download đường truyền vị tất cả hệ thống của bootstrap gánh dùm những tlỗi viện này.

Các bạn vào links này và copy đông đảo thẻ link và script, dán vào tệp tin html của người tiêu dùng. Chi máu bạn có thể coi video clip nhé.

Cách 2: Tải về và sử dụng trực tiếp local

+ Tải file source của Bootstrap trên getbootstrap.com

+ Thêm thẻ links, chỉ đường dẫn đến tệp tin bootstrap.css hoặc bootstrap.min.css

+ Thêm thẻ script vào cuối thẻ body. Phần jQuery mình hướng dẫn thêm sau nhé.

Xem thêm: Cách Lấy Ảnh Từ File Pdf Đơn Giản, Dễ Dàng, Trích Xuất Ảnh Từ File Pdf

Cách học tập Bootstrap

+ Học từng nguyên tố components của Bootstrap. Thành phần làm sao đặc biệt đang học kỹ, không quan trọng đặc biệt học lướt qua.

+ Làm bài tập nhằm biết cách kết hợp, vận dụng những components bootstrap.

Cài đặt plugin cung ứng viết code bootstrap vào sublime text

Phần mềm được thực hiện nhằm học tập Bootstrap là Sublime Text 4 cùng view chỉnh sửa bên trên Chrome. Trong khi, cũng cần phải có Faststone capture để hỗ trợ bài toán đo đạt và rước mã màu sắc.

Chúng ta yêu cầu tải thêm 1 số plugin vào Sublime text nhằm hỗ trợ viết code dễ dàng hơn.

Trước hết chúng ta đề xuất cài đặt package control. Các các bạn coi Clip giải đáp nhé.

Sau lúc cài đặt được package control. Các các bạn cài đặt thêm Bootstrap autocompleteBootstrap Snipets. Vào Preferences, chọn package control, nhtràn vào install package, cùng search tên 2 plugin ở.

Xem thêm: Cách Tải Phần Mềm Mario Teaches Typing Luyện Gõ 10 Ngón Trên Windows 10

Code mẫu: Download

Nếu tất cả thắc mắc, hãy đặt câu hỏi bằng cách comment dưới, qua email, hoặc nhắn tin qua Fanpage Góc có tác dụng web.


Chuyên mục: Theme wordpress