Bootstrap css chắc không xa lạ với các web developer, nhưng mình thấy có rất nhiều bạn sử dụng Bootstrap sai cách trong các dự án web. Tại sao mình lại nói vậy, thì các bạn hãy theo dõi bài viết này nhé. I. Không nên tích hợp bằng cách Download.zip Trong thực tế khi làm việc với Bootstrap, chúng ta thường hay tùy biến lại những styles mặc định mà Bootstrap cung cấp như màu sắc, box-shadow, border,… Thế nhưng khi tích hợp Bootstrap vào dự án, nhiều bạn lại chọn cách download file .zip chứa các file css, js – là những file đã được compile và không có khả năng tùy biến cao. Khi tích hợp Bootstrap theo cách này, mà muốn tùy biến lại css thì mình thấy các bạn hay làm là viết các css muốn ghi đè vào một file là custom.css, sau đó cho file này load sau các css của Bootstrap. Nghe thì cũng hợp lý đấy, nhưng cá [...]

Bài viết được sự cho phép của tác giả Phạm Bình Chào các bạn, Chắc các bạn đều biết Bootstrap là một trong những framework để xây dựng giao diện website phổ biến nhất hiện nay.  Cũng vì Bootstrap phổ biến, nên cách chúng ta sử dụng nó trong các dự án cũng vô cùng đa dạng, đa dạng tới mức nhiều khi ta không biết nên sử dụng sao cho đúng, cho hay. Nên trong bài viết này, mình xin phép được chia sẻ một vài best practice (tạm dịch là các mẹo hay, các lưu ý) khi sử dụng Bootstrap trong dự án mà mình tự đúc kết được trong quá trình làm việc với nó. Let’s go… 1. Nên tích hợp Bootstrap thông qua NPM Khi vào trang chủ của Bootstap, bạn sẽ bị “mời gọi” bởi một nút Download như trong hình dưới. [caption id="attachment_51617" align="aligncenter" width="612"] Trang chủ getbootstrap.com[/caption] Vì sự mời gọi này, mà nhiều bạn tích hợp Bootstrap và [...]

Bài viết được sự cho phép của tác giả Trần Hữu Cương Sự khác nhau giữa file application với bootstrap trong Spring Phân biệt sự khác nhau giữa 2 file cấu hình là application.properties với bootstrap.properties hoặc application.yml với bootstrap.yml. Khi nào thì sử dụng file cấu hình application, khi nào thì sử dụng file cấu hình bootstrap? 1. File application.properties / application.yml dùng để làm gì? File application.properties hoặc application.yml được dùng để cấu hình application context (ngữ cảnh ứng dụng) Khi ứng dụng Spring Boot được khởi động, nó sẽ tạo một application context mà không cần phải chỉ định 1 cách rõ ràng (tự động cấu hình). Đó là nguyên nhân vì sao khi sử dụng spring boot bạn phải cấu hình rất ít. [irp posts="38148" name="Bảo mật ứng dụng Java web bởi Spring Security"] [irp posts="36724" name="Cách sử dụng properties trong tập tin cấu hình của Spring"] Xem thêm nhiều việc làm Spring lương cao trên TopDev Ngoài việc sử dụng file application.properties hoặc application.yml thì [...]

Bài viết được sự cho phép của tác giả Phạm Công Sơn Trước khi đi vào hướng dẫn cài đặt và sử dụng Bootstrap Tourist các bạn có thể thử tiện ích này ngay sau đây Bắt đầu trải nghiệm Tour Để có thể tải Bootstrap Tourist các bạn có thể click vào đây hoặc truy cập vào Github Bootstrap Tourist. Tại đường link tải thư viện của tôi, tôi đã thêm vào một đối tượng MyTour để tối giản việc sử dụng Bootstrap Tourist hơn. [irp posts="37261" name="Cài đặt Spring Boot CLI"] [irp posts="5415" name="Bootstrap là gì? Tặng 20 Templates Bootstrap miễn phí"] Hướng dẫn cài đặt <link href="bootstrap.min.css" rel="stylesheet"> <link href="bootstrap-tour.min.css" rel="stylesheet"> <script src="jquery.min.js"></script> <script src="bootstrap.min.js"></script> <script src="bootstrap-tour.min.js"></script> <!-- Phần mở rộng tôi viết thêm --> <script src="bootstrap-tourist.extension.com.min.js"></script> Ngoài ra phần mở rộng tôi viết có sử dụng linq.js mà tô [...]

Bài viết được sự cho phép của tác giả Nguyễn Hữu Khanh  Thông thường, chúng ta sẽ không sử dụng trang login mặc định của Spring Security cho các ứng dụng được deploy lên production, nguyên nhân vì sao các bạn cũng có thể đoán được đúng không? Trang login mặc định này để chúng ta learning là chủ yếu. Vậy để thay thế trang login mặc định này, chúng ta sẽ làm như thế nào? Trong bài viết này, mình sẽ hướng dẫn các bạn làm điều này. Xem thêm Việc làm IT hấp dẫn trên TopDev [irp posts="38148" name="Bảo mật ứng dụng Java web bởi Spring Security"] [irp posts="36724" name="Cách sử dụng properties trong tập tin cấu hình của Spring"] Đầu tiên, mình sẽ tạo mới một Spring Boot với Spring Security, Spring Web và Thymeleaf dependencies. Kết quả như sau: Chạy ví dụ này, các bạn sẽ thấy trang login mặc định của Spring Security như sau: Bây giờ, mình sẽ sử dụng Bootstrap để viết custom login page. [...]

Bootstrap là gì? Bootstrap là gì? - Nó là một framework HTML, CSS, và JavaScript cho phép lập trình viên dễ dàng xây dựng website theo tiêu chuẩn nhất định. Tạo các website thân thiện với nhiều thiết bị khác nhau. Bạn đang muốn tạo cho mình một website hỗ trợ tất cả các màn hình bao gồm desktop, mobile...một cách nhanh chóng. Đó là lúc bạn nên sử dụng Bootstrap để giảm thiểu thời gian và công sức nhất. Bootstrap bao gồm những cái cơ bản như: row, column, typography, forms, buttons, tables, navigation, modals, image carousels... Trong bootstrap có thêm nhiều component, Javascript hỗ trợ cho việc xây dựng reponsive cho web dễ dàng, thuận tiện và nhanh chóng hơn. Tại sao bạn lại chọn sử dụng Bootstrap? Sau khái niệm Bootstrap là gì thì bạn sẽ đến vói lí do chúng ta nên dùng Bootstrap, bạn biết chính xác những gì bạn sẽ nhận được. Đây là một framework mobile-first (được thiết kế ưu tiên từ mobile rồi mớ [...]