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

Cách tạo bảng chọn màu bằng Bootstrap

Trong bài học thiết kế website này các Bạn sẽ được hướng dẫn Cách tạo bảng chọn màu bằng Bootstrap

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

 
 Cách tạo bảng chọn màu bằng Bootstrap

Bước 2: Định dạng CSS

.pick-a-color-markup {	
margin:20px 0px;
}
.container {	
margin: 0px 5px;	
width: 50%;

}

Bước 3: Gọi thư viện Bootstrap và Pick Color

Bước 4: Gọi thư viện JQUERY

Bước 5: Hiện bảng màu bằng JQUERY

$(document).ready(function () {

			$(".pick-a-color").pickAColor({			    
showSpectrum: true,	
			showSavedColors:true,	
			saveColorsPerElement:true,	
			fadeMenuToggle:true,	
			showAdvanced:true,	
			showBasicColors: true,	
			showHexInput:true,	
			allowBlank:true,inlineDropdown:true	
		});	
				});

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