"colors CSS "
Bootstrap 3.3.0 Snippet by jeevan123456

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Logo Nav - Start Bootstrap Template</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/custom.css" rel="stylesheet">
<link href="css/colors.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
</style>
</head>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
.p {padding:10px;}
/************** Background RED Color ***********************/
.bg-red-1 {background-color: #ffe6e6;color: #424448!important; }
.bg-red-2 {background-color: #ffcccc;color: #424448!important; }
.bg-red-3 {background-color: #ffb3b3;color: #424448!important; }
.bg-red-4 {background-color: #ff9999;color: #fff!important; }
.bg-red-5 {background-color: #ff8080;color: #fff!important; }
.bg-red-6 {background-color: #ff6666;color: #fff!important; }
.bg-red-7 {background-color: #ff4d4d;color: #fff!important; }
.bg-red-8 {background-color: #ff3333;color: #fff!important; }
.bg-red-9 {background-color: #ff1a1a;color: #fff!important; }
.bg-red-10 {background-color: #ff0000;color: #fff!important; }
.bg-red-11 {background-color: #e60000;color: #fff!important; }
.bg-red-12 {background-color: #f44336;color: #fff!important; }
.bg-red-13 {background-color: #cc0000;color: #fff!important; }
.bg-red-14 {background-color: #b30000;color: #fff!important; }
.bg-red-15 {background-color: #990000;color: #fff!important; }
.bg-red-16 {background-color: #800000;color: #fff!important; }
.bg-red-17 {background-color: #660000;color: #fff!important; }
.bg-red-18 {background-color: #4d0000;color: #fff!important; }
.bg-red-19 {background-color: #330000;color: #fff!important; }
/************** Background GREY Color ***********************/
.bg-grey-1 {background-color: #f2f2f2;color: #424448!important; }
.bg-grey-2 {background-color: #e6e6e6;color: #424448!important; }
.bg-grey-3 {background-color: #d9d9d9;color: #424448!important; }
.bg-grey-4 {background-color: #cccccc;color: #424448!important; }
.bg-grey-5 {background-color: #bfbfbf;color: #424448!important; }
.bg-grey-6 {background-color: #b3b3b3;color: #424448!important; }
.bg-grey-7 {background-color: #a6a6a6;color: #fff!important; }
.bg-grey-8 {background-color: #999999;color: #fff!important; }
.bg-grey-9 {background-color: #8c8c8c;color: #fff!important; }
.bg-grey-10 {background-color: #808080;color: #fff!important; }
.bg-grey-11 {background-color: #737373;color: #fff!important; }
.bg-grey-12 {background-color: #595959;color: #fff!important; }
.bg-grey-13 {background-color: #4d4d4d;color: #fff!important; }
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Vue Material Kit PRO
Testimonials Based on Bootstrap's 6 primary colors.
Buttons-hover with colors
Buttons Colors

Questions / Comments: