Hướng dẫn outline: none bootstrap - phác thảo: không có bootstrap

 
 
Hướng dẫn cách tạo nút Outline bằng Bootstrap
 

.btn-outlined {	
border-radius: 0;	
-webkit-transition: all 0.3s;	
-moz-transition: all 0.3s;	
transition: all 0.3s;
}

.btn-outlined.btn-default {	
background: none;	
border: 3px solid #CCC;	
color: #CCC;
}

.btn-outlined.btn-default:hover, .btn-outlined.btn-default:active {	
color: #FFF;	
background-color: #CCC;	
border-top-color: #CCC;	
border-right-color: #CCC;	
border-bottom-color: #CCC;	
border-left-color: #CCC;
}

.btn-outlined.btn-primary {	
background: none;	
border: 3px solid #428bca;	
color: #428bca;
}

.btn-outlined.btn-primary:hover, .btn-outlined.btn-primary:active {	
color: #FFF;	
background: #428bca; 
border-color: #428bca:
}

.btn-outlined.btn-success {	
background: none;	
border: 3px solid #5cb85c;	color: #5cb85c;
}

.btn-outlined.btn-success:hover, .btn-outlined.btn-success:active {	
color: #FFF;	
background: #47a447;
}

.btn-outlined.btn-info {	
background: none;	
border: 3px solid #5bc0de;	color: #5bc0de;
}

.btn-outlined.btn-info:hover, .btn-outlined.btn-info:active {	
color: #FFF;	background: #39b3d7;
}

.btn-outlined.btn-warning {	
background: none;	
border: 3px solid #f0ad4e;	
color: #f0ad4e;
}

.btn-outlined.btn-warning:hover, .btn-outlined.btn-warning:active {	
color: #FFF;	
background: #ed9c28;
}

.btn-outlined.btn-danger {	
background: none;	
border: 3px solid #d9534f;	
color: #d9534f;
}
.btn-outlined.btn-danger:hover, .btn-outlined.btn-danger:active {	
color: #FFF;	
background: #d2322d;
}

Tìm kiếm phổ biến

• Bootstrap badges
• Bootstrap
• Bootstrap buttons
• Bạn có thể quan tâm
• Hướng dẫn cách tùy biến màu Bootstrap Tooltip
• Hướng dẫn cách tạo Accordion hướng bên phải bằng Bootstrap
• Hướng dẫn tạo Tab menu đổi màu bằng Bootstrap
• Hướng dẫn cách tạo menu Responsive với Bootsnav
• Hướng dẫn cách tạo Flexible Bootstrap Carousel
• Hướng dẫn cách tạo Box Icon bằng Bootstrap
• Hướng dẫn cách tạo Bootstrap ResCarousel
• Hướng dẫn thiết kế bộ lọc sản phẩm bằng Bootstrap
• Hướng dẫn cách tạo VIP card bằng Bootstrap
• Hướng dẫn cách tạo Bootstrap Vertical Slide
• Tìm kiếm phổ biến
• Bootstrap badges
• Bootstrap buttons
• Bạn có thể quan tâm
• Hướng dẫn cách tùy biến màu Bootstrap Tooltip
• Hướng dẫn cách tạo Accordion hướng bên phải bằng Bootstrap
• Hướng dẫn tạo Tab menu đổi màu bằng Bootstrap
• Hướng dẫn cách tạo menu Responsive với Bootsnav
• Hướng dẫn cách tạo Flexible Bootstrap Carousel
• Hướng dẫn cách tạo Box Icon bằng Bootstrap
• Hướng dẫn cách tạo Bootstrap ResCarousel
• Hướng dẫn thiết kế bộ lọc sản phẩm bằng Bootstrap
• Hướng dẫn cách tạo VIP card bằng Bootstrap
• Hướng dẫn cách tạo Bootstrap Vertical Slide
• Tìm kiếm phổ biến
• Bootstrap badges
• Bootstrap Tooltip
• Bootstrap Lightbox
• Bootstrap Collapsible Panel

Bootstrap Modalbox

Bootstrap Fancybox

Bootstrap Datepicker

Bootstrap Scrollspy

 class="border">
 class="border-top">
 class="border-right">
 class="border-bottom">
 class="border-left">

Bootstrap touchspin

 class="border-0">
 class="border-top-0">
 class="border-right-0">
 class="border-bottom-0">
 class="border-left-0">

Bootstrap icon

Bootstrap narbar

 class="border border-primary">
 class="border border-secondary">
 class="border border-success">
 class="border border-danger">
 class="border border-warning">
 class="border border-info">
 class="border border-light">
 class="border border-dark">
 class="border border-white">

Border-radius

Bootstrap tab

 src="..." alt="..." class="rounded">
 src="..." alt="..." class="rounded-top">
 src="..." alt="..." class="rounded-right">
 src="..." alt="..." class="rounded-bottom">
 src="..." alt="..." class="rounded-left">
 src="..." alt="..." class="rounded-circle">
 src="..." alt="..." class="rounded-0">