Thông tin liên hệ

Bài 2: Download Bootstrap và nhúng Bootstrap vào website

Bài 2: Download Bootstrap và nhúng Bootstrap vào website

  •   20/05/2019 10:53:00 PM
  •   Đã xem: 3
  •   Phản hồi: 0
Trước khi bắt đầu đọc bài viết này thì các bạn hãy chắc rằng đã chuẩn bị sẵn bộ công cụ mà tôi đã đề cập ở bài tổng quan bootstrap 3 nhé. Cũng như yêu cầu tối thiểu cần có là kiến thức về html & css căn bản. Ok, bây giờ chúng ta sẽ tiến hành dowload Bootstrap cũng như tìm hiểu cấu trúc bên trong của nó.
Bài 3: Grid System trong bootstrap 3

Bài 3: Grid System trong bootstrap 3

  •   20/05/2019 10:59:00 PM
  •   Đã xem: 3
  •   Phản hồi: 0
Grid System là một hệ thống lưới và là một thuật ngữ được dùng trong thiết kế và nó được cấu hình thành 12 cột. Kích thước trong Grid System tính bằng cột, mỗi cột này sẽ chiếm một % nhất định kích thước của layout. Thay vì chỉ định rõ ràng kích thước là 200px, 300px, … Thì giờ chúng ta sẽ dùng đơn vị là cột. Mà % là bao nhiêu thì bootstrap đã tính sẵn cho các bạn rồi.
Bài 4: Tạo table trong bootstrap 3

Bài 4: Tạo table trong bootstrap 3

  •   20/05/2019 11:17:00 PM
  •   Đã xem: 3
  •   Phản hồi: 0
Dùng bootstrap 3 để để tạo ra table thì rất là đơn giản, chỉ cần vài dòng code là các bạn có ngay một table nhìn rất bắt mắt cũng như rất dễ tinh chỉnh so với table html thông thường. Để không làm mất thời gian quý báu của các bạn thì chúng ta sẽ tìm hiểu xem bootstrap 3 hỗ trợ phần stylesheet table ra sao nhé.
Bài 5: Breadcrumbs & Images trong bootstrap 3

Bài 5: Breadcrumbs & Images trong bootstrap 3

  •   21/05/2019 03:32:00 AM
  •   Đã xem: 3
  •   Phản hồi: 0
Bài 6: Pagination trong bootstrap 3

Bài 6: Pagination trong bootstrap 3

  •   21/05/2019 03:40:00 AM
  •   Đã xem: 3
  •   Phản hồi: 0
Pagination là một thuật ngữ không quá xa lạ đối với dân lập trình web, hầu hết mọi website đều sử dụng nó để làm nhiệm vụ giới hạn dữ liệu trên một trang. Bootstrap cũng rất thấu hiểu tâm lý của chúng ta vì thế cũng hỗ trợ phần stylesheet pagination rất đẹp mắt giúp cho dân cắt HTML CSS giảm bớt được thời gian với nó. Các bạn cố thể lên trang chủ của nó để xem cách sử dụng, nhưng nếu bạn không rành tiếng anh thì có thể xem qua bài này để nắm bắt.
Bài 7: Panel & Labels trong bootstrap 3

Bài 7: Panel & Labels trong bootstrap 3

  •   21/05/2019 04:22:00 AM
  •   Đã xem: 3
  •   Phản hồi: 0
Trong bài hôm nay chúng ta sẽ cùng tìm hiểu hai thuộc tính khác mà bootstrap hỗ trợ. Đó là Labels & panel, 2 class này có hai nhiệm vụ khác nhau nhưng cũng rất quan trọng khi các bạn làm việc với phần giao diện website, để hiểu rõ nó hơn thì chúng ta sẽ tìm hiểu từng class nhé.
Bài 8: Định dạng Typography bootstrap 3

Bài 8: Định dạng Typography bootstrap 3

  •   22/05/2019 10:51:00 PM
  •   Đã xem: 3
  •   Phản hồi: 0
Trong bài viết này, các bạn sẽ tìm hiểu về các phong cách và định dạng của nội dung văn bản như tiêu đề, đoạn văn, blockquotes...vv Vấn đề trang trí nội dung trong website cũng rất là quan trọng và không thể thiếu được, Trước đây có lẽ các bạn hơi mất thời gian với việc stylesheet cho các tag h1->h6 ,p, blockquote, left, right,center thì giờ đây với bootstrap thì điều đó không còn là nỗi lo nửa, chỉ việc khai báo tag rồi bọc nội dung vào bên trong tag, mọi việc còn lại cứ để bootstrap lo liệu.
Bài 9: Xây dựng form với bootstrap 3

Bài 9: Xây dựng form với bootstrap 3

  •   22/05/2019 10:54:00 PM
  •   Đã xem: 3
  •   Phản hồi: 0
Khi các bạn tiến hành xây dựng giao diện một website thì form chính là thành phần không thể thiếu đối với website của bạn. Đối với Css thông thường khi stylesheet một form thì chúng ta thường bị mất nhiều thời gian vào các việc như là canh lề cho thẻ label canh chỉnh margin & padding cho khung form. Nhưng mọi việc đã dễ dàng hơn kể từ khi bootstrap ra đời.
Bài 10: Tạo button trong bootstrap 3

Bài 10: Tạo button trong bootstrap 3

  •   22/05/2019 11:00:00 PM
  •   Đã xem: 2
  •   Phản hồi: 0
Ở bài này tôi sẽ hướng dẫn các bạn cách tạo ra các nút nhấn hay còn được gọi là button với các màu sắc khác nhau. Nhưng trước tiên chúng ta sẽ tìm hiểu sơ lược các class button được định nghĩa trong bootstrap 3.
Bài 11: List group trong bootstrap 3

Bài 11: List group trong bootstrap 3

  •   22/05/2019 11:05:00 PM
  •   Đã xem: 2
  •   Phản hồi: 0
Trong bài này chúng ta sẽ cùng nhau tìm hiểu khái niệm List Group trong bootstrap 3, nghe tới cái tên list chắc hẳn các bạn đã hình dung ra được nó là cái quái gì rồi phải không nào, nôm na là dùng các tag để tạo ra các định dạng menu ngang,dọc.
Bài 12: Button group bootstrap 3

Bài 12: Button group bootstrap 3

  •   22/05/2019 11:08:00 PM
  •   Đã xem: 2
  •   Phản hồi: 0
Để có thể hiểu rõ bài viết này thì tôi cần các bạn phải xem qua bài Tạo button trong bootstrap 3 vì đây là bài nâng cao để làm việc với button trong bootstrap 3.

Bài 13: Glyphicons trong bootstrap 3

  •   22/05/2019 11:22:00 PM
  •   Đã xem: 2
  •   Phản hồi: 0
Trong bài học ngày hôm nay các bạn sẽ cùng với tôi tìm hiểu về Glyphicons. Đây là thành phần components được tích hơp vào bootstrap 3, nó sẽ giúp chúng ta ứng dụng vào quá trình thiết kế website và đẩy nhanh quá trình xây dựng layout hơn.
Bài 14: Navs menu trong bootstrap 3

Bài 14: Navs menu trong bootstrap 3

  •   22/05/2019 11:37:00 PM
  •   Đã xem: 2
  •   Phản hồi: 0
Ở bài viết này thì chúng ta sẽ tìm hiểu về một components khá là quan trọng, đó chính là navs. Nghe cái tên là thấy quen quen rồi hen, chức năng chính của nó sẽ giúp chúng ta tạo ra các menu đẹp mắt và ứng dụng nó vào website dễ dàng hơn.

Bài 15: Navigation trong bootstrap 3

  •   22/05/2019 11:44:00 PM
  •   Đã xem: 2
  •   Phản hồi: 0
Trong bài học ngày hôm nay thì chúng ta sẽ tiếp tục tìm hiểu về một phần khá là quan trọng trong bootstrap 3, đó là navigation hay còn được viết tắt là navbar.

Bài 16: Navigation và thuộc tính hỗ trợ trong bootstrap 3

  •   27/05/2019 10:44:00 PM
  •   Đã xem: 4
  •   Phản hồi: 0
Như vậy sau khi kết thúc bài trước thì xem như chúng ta đã tìm hiểu sơ lược về navigation trong bootstrap 3 và trong bài hôm nay thì chúng ta sẽ cùng tìm hiểu cách khai báo các thuộc tính hỗ trợ để giúp chúng ta tạo được những menu theo đúng ý đồ của mình.
Bài 17: Dropdown menu trong bootstrap 3

Bài 17: Dropdown menu trong bootstrap 3

  •   27/05/2019 10:51:00 PM
  •   Đã xem: 2
  •   Phản hồi: 0
Thuật ngữ dropdown menu đã trở nên quá quen thuộc trong mỗi người của chúng ta, và với bootstrap nó cũng được hỗ trợ một cách tốt nhất để người dùng dễ dàng tạo ra các dạng menu xổ xuống một cách nhanh chóng và dễ dàng. Như vậy sau khi kết thúc bài Navigation và thuộc tính hỗ trợ trong bootstrap 3 thì trong bài viết ngày hôm nay thì tôi sẽ cùng tìm hiểu với các bạn về một components nửa trong bootstrap 3, đó chính là dropdown menu cũng như nhúng nó vào navigation để tạo ra một thanh menu đầy đủ nhất trong thiết kế website.

Bài 18: Tạo Tabs trong bootstrap 3

  •   27/05/2019 10:59:00 PM
  •   Đã xem: 2
  •   Phản hồi: 0
Bài viết này cũng có một mối liên quan mật thiết với component navs vì tabs cũng là dạng danh sách nằm ngang được phân làm từng khối riêng biệt. Như vậy serie về bootstrap 3 cũng đã đi được một chặng đường dài và cũng sắp kết thúc,theo plan mà tôi đề ra thì còn khoảng 2 bài nửa là chúng ta kết thúc lý thuyết và chuyển sang giai đoạn thực hành để style ra một giao diện, áp dụng toàn bộ kiến thức đã học vào bài thực hành.
Bài 19: Helper classes trong bootstrap 3

Bài 19: Helper classes trong bootstrap 3

  •   28/05/2019 12:04:00 AM
  •   Đã xem: 2
  •   Phản hồi: 0
Trong bài viết này thì chúng ta sẽ tìm hiểu về các helper classes hỗ trợ của bootstrap 3, đây là các class sẽ giúp các bạn trong việc tạo ra các thành phần con để hỗ trợ các components, bài viết này sẽ có liên quan một tí tới bài Định dạng Typography bootstrap 3,

Bài 20: Jumbotron, well, progress bar trong bootstrap 3

  •   28/05/2019 01:33:00 AM
  •   Đã xem: 2
  •   Phản hồi: 0
Đây là bài lý thuyết cuối cùng trong series bootstrap 3, ở các bài tiếp theo chúng ta sẽ thực hành và tạo ra những mẫu layout với những kiến thức đã được học ở loạt bài lý thuyết. Như vậy giống như tiêu đề của bài thì bài viết ngày hôm nay chúng ta sẽ cùng tìm hiểu Jumbotron, well, progress bar trong bootstrap 3.

Các tin khác

Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây