Bootstrap Snippet button styles bs3 using HTML CSS Bootstrap

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="Push is a Bootstrap button pack that can be seamlessly integrated into any website, theme or template.">
        <meta name="author" content="BootstrapBay">
        <link rel="icon" href="assets/ico/favicon.ico">
        <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800|Roboto:100,300,400,700" rel="stylesheet" type="text/css">
        
        <link href="assets/css/bootstrap.min.css" rel="stylesheet">
        <link href="assets/css/demo.css" rel="stylesheet">
        <link href="assets/css/buttons.css" rel="stylesheet">
    </head>
    <body>
        <div class="container">
        
            <div class="row">
                <div class="col-xs-12 text-center">
                    <div class="logo">
                        <div class="inner"></div>
                    </div>
                </div>
            </div>
            
            <div class="row">
                <div class="col-xs-12">
                    <h3>Standard buttons</h3>
                    <button type="button" class="btn btn-default">Default</button>
                    <button type="button" class="btn btn-primary">Primary</button>
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
.btn {padding: 14px 24px;border: 0 none;font-weight: 700;letter-spacing: 1px;text-transform: uppercase;}
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;}
/******************************************************
    STANDARD BUTTONS
******************************************************/
.btn-default {border: 2px solid #C4C4C4;color: #737373;padding: 12px 22px;}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background: #FFFFFF;border-color: #949494;color: #737373;}
.btn-default:active, .btn-default.active {
    border-color: #737373;box-shadow: none;}
.btn-primary {background: #0099cc;color: #ffffff;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #33a6cc;}
.btn-primary:active, .btn-primary.active {
    background: #007299;box-shadow: none;}
.btn-success {background: #00bf6f;color: #ffffff;}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
    background: #39bf87;}
.btn-success:active, .btn-success.active {
    background: #008c52;box-shadow: none;}
.btn-info {background: #31cde8;color: #ffffff;}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
    background: #5fd4e8;}
.btn-info:active, .btn-info.active {
    background: #35a2b5;box-shadow: none;}
.btn-warning {
    background: #eb8f34;color: #ffffff;}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
    background: #eba259;}
.btn-warning:active, .btn-warning.active {
    background: #b87430;box-shadow: none;}
.btn-danger {background: #f25454;color: #ffffff;}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
    background: #f26d6d;}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"button styles bs3"
Bootstrap 3.3.0 Snippet by jeevan123456

Related: See More

Questions / Comments:

"button styles bs3" Bootstrap 3.3.0 Snippet by jeevan123456

Related: See More

Questions / Comments:

"button styles bs3"
Bootstrap 3.3.0 Snippet by jeevan123456