Tất cả bài viết  |  Bootstrap

  • zoom in
  • zoom out
  • text align left
  • text align center
  • text align right
  • Chỉnh màu chữ
  • Làm đậm

Cách tạo Vertical Tab bằng Bootstrap

Trong bài thực hành học thiết kế web này các Bạn sẽ được hướng dẫn cách tạo Vertical Tab bằng Bootstrap

Bước 1: Tạo cấu trúc HTML
 
 

Thiết kế bởi hocwebgiare.com

DỰ ÁN FLORITA QUẬN 7 TP.HCM

Căn hộ mơ ước trung tâm quận 7 đã xuất hiện !!!!

Nhanh tay sở hữu căn hộ trong mơ , Nằm trong khu đô thị Him Lam, liền kề khu đô thị Phú Mỹ Hưng 5 phút để đến các quận trung tâm !

Chỉ có tại Florita Quận 7.

Chiết Khấu lên đến 24%

Tặng 2 máy lạnh DAIKIN 1 HP (7.1 Triệu / 1 cái)

Tặng 1 TV 40 inch LED (9.9 Triệu / 1 cái )

Thanh toán không lãi suất trong vòng 2 năm .

Ngân hàng hỗ trợ 70% tổng giá căn hộ .

Ưu tiên chiết khấu cao cho khách hàng mua sỉ .

Thiết kế căn hộ cực đẹp theo phong cách Châu Âu.

Đảm bảo tiến độ xây dựng

Nằm trong lòng khu dân cư cao cấp hiện hữu và liền kề khu đô thị Phú Mỹ Hưng,Floritathừa hưởng các giá trị tiện ích vượt trội như Khu vui chơi trẻ em Vietopia; Siêu thị Lotte Mart; Đại học RMIT; Trung tâm mua sắm SC Vivo City;…

Floritaxứng đáng trở thành một trong những khu căn hộ có vị trí đắc địa bậc nhất Sài Gòn bởi các tiện ích hàng đầu của khu vực.

TIỆN ÍCH CĂN HỘ FLORITA

- Công trình công cộng tại dự án: công viên cây xanh, hồ bơi, sân tennis, khu chạy bộ, tập golf.

- Trung tâm thương mại tại tầng trệt của tòa nhà gồm: Nhà hàng, cửa hàng mua sắm, khu spa,khu vui chơi trẻ em.

- Phòng sinh hoạt cộng đồng dành cho dịp Lễ, tiệc của cư dân.

- Trang bị hệ thống an ninh 24/24.

- Thiết bị báo khói tại hành lang và sảnh thang máy của căn hộ.

- Hệ thống phòng cháy chữa cháy.

- Hệ thống gas trung tâm.

- Hệ thống xử lý rác riêng biệt.

Bước 2: Định dạng CSS
 
 
Bước 3: Gọi thư viện Bootstrap và Font Awesome
 
  
  
Bước 4: Gọi thư viện JQUERY
 
Bước 5: Tạo hiệu ứng cho tab bằng JQUERY

Xem  demo Tải Code Đăng ký tham gia làm hội viên của kênh để được xem các bài học mới nhất
Bạn có thể quan tâm

Tổng hợp các bài học hay về kỹ thuật thiết kế giao diện web với Fireworks Học lập trình web

Tổng hợp các bài học hay về lập trình hướng đối tượng PHP cơ bản Học lập trình web

Tổng hợp các bài học hay về lập trình bootstrap Học lập trình web

Hướng dẫn cách tạo Bootstrap ScrollSpy (Phần 2) Học lập trình web

Hướng dẫn cách tạo Bootstrap ScrollSpy (Phần 1) Học lập trình web

Hướng dẫn cách tạo Bootstrap Javascript Modal (Phần 2) Học lập trình web

Hướng dẫn cách tạo Bootstrap Javascript Modal (Phần 1) Học lập trình web

Hướng dẫn cách tạo Tooltip trong Bootstrap Học lập trình web

Hướng dẫn tạo Arcordion Panel trong Bootstrap (Phần 2) Học lập trình web

Hướng dẫn tạo Arcordion Panel trong Bootstrap (Phần 1) Học lập trình web