Cách cài đặt Bootstrap trên máy tính

Có 2 cách để cài Bootstrap, một là bạn tải Bootstrap về và lưu trên máy, hai là dùng CDN. 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 [ ...] [ ...]

Bootstrap: Container

Container là một phần không thể thiếu trong Bootstrap. Container được sử dụng để thiết lập lề (margin) cho nội dung, giúp nội dung thích ứng với bố cục của bạn. Container chứa phần tử row và row là container của column (còn được gọi là hệ thống lưới). Container để bao gói các phần [ ...] [ ...]

Grid System (Hệ thống lưới) trong Bootstrap

Grid System (hệ thống lưới) trong Bootstrap được xây dựng với flexbox, cho phép tạo tới 12 cột trên một trang. Nếu bạn không muốn sử dụng tất cả 12 cột riêng biệt thì có thể nhóm chúng lại với nhau để tạo ra những cột rộng hơn. Hệ thống lưới này là thích ứng, [ ...] [ ...]

Typography Bootstrap 4

Trong bài viết này chúng ta sẽ cùng tìm hiểu về các định kiểu văn bản cơ bản trong Bootstrap 4, các cài đặt mặc định về văn bản của Bootstrap, các thẻ h và nhiều định dạng khác. Cài đặt mặc định của Bootstrap 4 Bootstrap 4 sử dụng font-size mặc định là 15, [ ...] [ ...]

Table Bootstrap

Trong Bootstrap 4 sẽ có một số class cho bảng, tùy thuộc vào việc bạn muốn tạo bảng như thế nào, bảng cơ bản, có viền/không viền, các hàng trong bảng được tô màu xen kẽ… mà sẽ sử dụng class tương ứng với nhu cầu. Bài hướng dẫn về bảng trong Bootstrap dưới đây [ ...] [ ...]

Image Bootstrap

Trong Bootstrap 4, bạn sẽ sử dụng clas .img-fluid trên tất cả những hình ảnh bạn muốn nó có tính thích ứng (responsive). Class này sẽ “nói” với trình duyệt là đừng mở rộng hình ảnh lớn hơn kích thước gốc của ảnh bằng cách sử dụng max-width, và thu nhỏ hình ảnh lại nếu [ ...] [ ...]

Jumbotron là gì? Cách sử dụng Jumbotron trong Bootstrap

Jumbotron là gì? Jumbotron đôi khi còn được gọi là jumbovision là màn hình video sử dụng công nghệ truyền hình màn hình lớn (video wall). Công nghệ này ban đầu được phát triển vào đầu những năm 1980 bởi Mitsubishi Electric và Sony, công ty đã đặt JumboTron làm thương hiệu vào năm 1985. [ ...] [ ...]

Alert Bootstrap

Với Bootstrap 4 bạn có thể dễ dàng tạo các thông báo cảnh báo (alert) được xác định trước. Để thêm màu cho các cảnh báo bạn sẽ sử dụng các class màu theo ngữ cảnh, mà chúng ta đã tìm hiểu trong bài color Bootstrap. Alert cơ bản Để tạo cảnh báo trong Bootstrap [ ...] [ ...]

Button Bootstrap: Cách tạo các loại button trong Bootstrap

Trong bài viết này chúng ta sẽ tìm hiểu về button (các nút) trong Bootstrap, bao gồm cách tạo các loại button, thiết lập kích thước của button, button có thể click và không thể click hay button thể hiện hành động đang load. Để tạo button trong Bootstrap bạn sẽ sử dụng <button> tùy [ ...] [ ...]