Bootstrap Project A-Z 06 – Xây dựng một trang HTML (P3)

0
482

[ VIDEO TUT ]

Bấm Subscribe Nhận video học mới nhất :

Chú ý: Các bạn lựa chọn video ở chế độ 720HD để xem được chất lượng hình ảnh và âm thanh tốt nhất nhé.

1. Phân tích giao diện HTML

Ở bài trước, tôi đã hướng dẫn các bạn thiết kế giao diện phần main. Trong bài này chúng ta sẽ cùng nhau tiến hành làm phần footer và hoàn chỉnh giao diện.

Phân tích phần footer:

học bootstrap

Và đây là phần code:

Đây là phần CSS của tôi:

Và kết quả thu được:

học bootstrap

Các bạn có thể tham khảo bài đầy đủ tại đây

Như vậy, chúng ta đã hoàn thành giao diện HTML từ những file cắt được trong bài số 3. Trong bài tiếp theo, tôi sẽ hướng dẫn các bạn xây dựng menu responsive. Cảm ơn và hẹn gặp lại các bạn.

[ SOURCE CODE ]

  • Code mẫu của bài viết này, các bạn vui lòng download ở đây Source code

Các bài học tiếp theo các bạn xem tại đây:

Tác giả: Đạt Nguyễn Vietpro

 

[Total: 2    Average: 4/5]

LEAVE A REPLY

Please enter your comment!
Please enter your name here