Share Tạo giao diện website tương thích đa thiết bị với Bulma CSS framework

filiallion

Administrator
Staff member
Administrator
Messages
585
Points
10
Language
Tiếng Việt
Bulma là một CSS framework mã nguồn mở miễn phí rất tốt để thiết kế giao diện website, giúp các bạn tiết kiệm thời gian, công sức. Với lợi thế đó, Bulma ngày càng trở nên phổ biến và được sử dụng rộng rãi hơn. Bulma chứa các thành phần tuyệt vời như tab, navigation bar, box, panel... Framework này được thiết kế để cung cấp cho các bạn một giao diện người dùng rõ ràng với thiết kế hiện đại, hấp dẫn. Một điểm được đánh giá cao đó nữa là Bulma cực kỳ đơn giản để sử dụng, đặc biệt là đối với các bạn mới làm quen với các CSS framework.

Để sử dụng framework Bulma, các bạn cần tải framework này về tại địa chỉ https://bulma.io.

Việc tích hợp Bulma vào website cũng đơn giản chỉ với một dòng mã lệnh như sau:
HTML:
<link href="path/to/bulma.min.css" rel="stylesheet">
Trang HTML các bạn cần lưu ý phải khai báo doctype là HTML5:
HTML:
<!DOCTYPE html>
Và khai báo thẻ meta sau:
HTML:
<meta name="viewport" content="width=device-width, initial-scale=1">
Để tạo một nút bấm đẹp với Bulma các bạn tham khảo ví dụ sau:
HTML:
<a class="button is-primary">Primary</a>
Các bạn có thể tìm hiểu thêm về tài liệu sử dụng framework Bulma tại địa chỉ https://bulma.io/documentation.
 
Back
Top