Tag: bootstrap

Media trong Bootstrap 4

Media trong bootstrap 4 thường được sử dụng để làm  các thành phần có tính chất lặp lại cao ví dụ như  comment trong blog, tweet hoặc những phần tương tự như thế. Giờ chúng ta hãy cùng nhau nghiên cứu xem media trong bootstrap 4 nhé.

  • Posted by Admin
  • 2020-09-13 20:23:02

Flex trong Bootstrap 4

Khi sử dụng Bootstrap 4, chúng ta có thể sử dụng flex để dàn trang, và Bootstrap 4 cũng cung cấp cho các bạn một hệ thống thư viện để làm việc với flex. Sau đây, chúng ta hãy cùng nhau tìm hiểu về Flex trong bootstrap 4 nhé.

  • Posted by Admin
  • 2020-09-13 16:51:27

Carousel trong bootstrap 4

Trong bootstrap 4, carousel sẽ giúp chúng ta không cần sử dụng jquery hoặc javascript vẫn có thể xây dựng được các slide show ảnh tuyệt đẹp và mượt mà, trong bài học hôm nay, chúng ta hãy cùng nhau nghiên cứu để sử dụng Crousel của bootstrap 4 nhé.

  • Posted by Admin
  • 2020-09-13 15:05:01

Collapse trong Bootstrap 4

Xin chào các bạn, chúng ta sẽ tiếp tục đến với collapse trong bootstrap 4. Collapse sẽ hữu dụng trong các vấn đề chúng ta cần ẩn hiện một lượng lớn thông text ví dụ xem thêm mô tả sản phẩm, ẩn hiện câu trả lời trong phần FAQs, xem thêm đối với các đoạn text dài. Giờ thì chúng ta cùng nhau học và nghiên cứu cách sử dụng nhé.

  • Posted by Admin
  • 2020-08-11 22:17:34

Popover trong Bootstrap 4

Chào mọi người, chúng ta cùng nhau đi đến với Popover trong Bootstrap 4 của bài học hôm nay nhé.  Về cơ bản, Popover khá giống với Tooltip. Điều khác biệt là Tooltip thì sử dụng hover để làm sự kiện, Popover thì lại sử dụng sự kiện onclick. Giờ thì cùng nhau tìm hiểu về Popover nhé.

  • Posted by Admin
  • 2020-07-30 16:48:04

Tooltip trong Bootstrap 4

Chào các bạn, trong bài này chúng ta sẽ học về Tooltip, một thành phần cũng rất thường thấy ở trong các website thực tế. Vậy để hiểu được Tooltip là gì, chúng ta hãy cùng tìm hiểu nhé.

  • Posted by Admin
  • 2020-07-30 08:58:12

Scrollspy trong Bootstrap 4

Chào các bạn, chúng ta lại quay trở lại với bài học Scrollspy trong bootstrap 4 thuộc series bài giảng về Bootstrap 4. Đây là một trong những phần nâng cao, nhưng lại ứng dụng rất nhiều thực tế , đặc biệt ở các website thuộc dạng one page landing. Ok giờ chúng ta sẽ cùng nhau tìm hiểu về Scrollspy trong Bootstrap 4 nhé.

  • Posted by Admin
  • 2020-07-30 00:23:35

Card trong Bootstrap 4

Card trong bootstrap 4 chưa hề có trong Bootstrap 3 và thường được sử dụng khi làm những khối giao diện có cả ảnh, tiêu đề, tiêu đề phụ và nội dung mô tả. Vì thế bootstrap card khá thuận tiện trong một vài trường hợp xử lý. Giờ chúng ta hãy cùng nhau thử nghiệm class mới này nhé.

  • Posted by Admin
  • 2020-07-24 10:57:52

Modal trong Bootstrap 4

Modal trong Bootstrap cũng là một trong những thành phần chúng ta thường xuyên sử dụng trong thực tế để tạo các popup Modal của website. Trong bài này chúng ta sẽ tập trung vào việc nghiên cứu các class bootstrap  phục vụ cho việc tạo Modal. Ok, giờ thì chúng ta bắt đầu thôi.

  • Posted by Admin
  • 2020-07-12 21:50:53

Các tiện ích nhỏ trong Bootstrap 4

Có một vài tiện ích nhỏ mình không tiện viết thành bài riêng vì quá ngắn, vì thế mình gộp chung lại một bài các tiện ích nhỏ trong bootstrap 4. Các tiện ích này về các vấn đề Float, Clearfix, tự động căn giữa, width, height, shadow, position và icon close với bootstrap. 

  • Posted by Admin
  • 2020-07-12 20:54:11

Border trong Bootstrap 4

Trong bài viết này, mình sẽ tập trung vào hướng dẫn các bạn những class liên quan đến border trong Bootstrap 4.  Hi vọng bài viết sẽ hữu ích cho các bạn trong quá trình làm website với Bootstrap. 

  • Posted by Admin
  • 2020-07-12 17:51:37

Tabs trong Bootstrap 4

Chào các bạn, trong quá trình làm website, chúng ta thường xuyên gặp phải các thiết kế có các phần tab dữ liệu khác nhau. Để code chức năng này thì cũng tương đối mất thời gian, tuy nhiên nếu chúng ta sử dụng tabs trong bootstrap thì giảm được rất nhiều thời gian. Sau đây chúng ta cùng nghiên cứu cách sử dụng tabs của bootstrap 4 nhé.

  • Posted by Admin
  • 2020-07-11 11:33:32

Dropdown Menu trong Bootstrap 4

Chào các bạn, chúng ta lại quay trở lại với series học Bootstrap 4 và sẽ đến với các class dropdown trong bootstrap 4. Hệ thống class dropdown sẽ kết hợp với navigation để có thể làm các loại menu cao cấp và phức tạp hơn hoặc các khối dữ liệu ẩn hiện, xổ xuống trong website.

  • Posted by Admin
  • 2020-07-09 11:19:52

Navigation trong bootstrap 4

Xin chào các bạn, vậy là chúng ta lại tiếp tục đến với bài học mới trong Series Bootstrap 4.  Phần chúng ta chuẩn bị học là Navigation tương đối quan trọng trong việc xây dựng một website bằng bootstrap.  Bây giờ chúng ta hãy bắt đầu tìm hiểu nhé.

  • Posted by Admin
  • 2020-07-08 15:30:04

Navs menu trong Bootstrap 4

Chào các bạn, khi thiết kế website, bạn sẽ cần phải làm các menu điều hướng để hỗ trợ người dùng di chuyển dễ dàng giữa các page. Navs trong bootstrap 4 hỗ trợ rất tốt công việc này. Trong bài học này, chúng tay cùng nhau tìm hiểu những cách sử dụng khác nhau của Navs nhé. 

  • Posted by Admin
  • 2020-06-26 11:45:43