Tất cả bài viết | Bootstrap
Cách tạo trang Slide quảng cáo đơn giản bằng Bootstrap
Trong bài học thiết kế website chuyên nghiệp này các Bạn sẽ được hướng dẫn Cách tạo trang Slide quảng cáo đơn giản bằng Bootstrap
Bước 1: Tạo cấu trúc HTML
Tạo trang Slide quảng cáo đơn giản bằng Bootstrap
Bước 2: Định dạng CSS
body { padding-top: 0px; } .carousel-inner .item img { width:100%; height:100%; } .item .thumbnail { margin-bottom:0; } .carousel-control.left, .carousel-control.right { background-image:none !important; } .carousel-control { background: #39b3d7; color:#fff; padding: 0px 0; width:26px; top:auto; left:auto; bottom:8px; opacity:0.4; text-shadow:none; } .carousel-control.right { right:10px; } .carousel-control.left { right: 40px; }
Bước 3: Gọi thư viện Bootstrap
Bước 4: Gọi thư viện JQUERY
Bước 5: Tạo hiệu ứng Slide bằng JQUERY
$('#myCarousel').carousel({ interval: 4000 });
Bootstrap Xem (5430) Học thiết kế web giá rẻ