Tất cả bài viết | Bootstrap
Cách tạo Banner Thumbnail Slideshow bằng Bootstrap
Trong bài thực hành học lập trình web này các Bạn sẽ được hướng dẫn cách tạo Banner Thumbnail Slideshow bằng Bootstrap
Bước 1: Tạo cấu trúc HTML cho các Banner
Cách tạo Banner Thumbnail Slideshow bằng Bootstrap
Bước 2: Định dạng CSS
body {
padding-top:0px;
}
footer {
margin-top:120px;
height: auto;
background-color: #2C2E2D;
padding: 20px 0px 10px 0px;
text-align: center;
}
footer h4 {
font-weight: 400;
letter-spacing: 1px;
color:#FFF;
}
#myCarousel .carousel-indicators {
bottom: 0;
left: 10px;
margin-left: 5px;
width: 100%;
}
#myCarousel .carousel-indicators li {
border: medium none;
border-radius: 0;
float: left;
height: 44px;
margin-bottom: 5px;
margin-left: 0;
margin-right: 5px !important;
margin-top: 0;
width: 120px;
}
#myCarousel .carousel-indicators img {
border: 2px solid #FFFFFF;
float: left;
height: 44px;
left: 0;
width: 120px;
}
#myCarousel .carousel-indicators .active img {
border: 2px solid #39b3d7;
}
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
Bootstrap Xem (5699) Học thiết kế web giá rẻ
