Bootstrap snippet: google plus button labels style

designed to help people of all skill levels - designer or developer, huge nerd or early beginner.
copy and paste the code. Use it as a complete kit or use it to start something more complex.
tags: buttons,labels,style

<div class="col-md-6 col-sm-6"> <div class="panel panel-default"> <div class="panel-heading"><a class="pull-right" href="#">View all</a> <h4>Google plus Buttons Labels</h4></div> <div class="panel-body"> <div class="row"> <div class="col-xs-4"><a href="#" class="btn btn-default center-block">Button</a></div> <div class="col-xs-4"><a href="#" class="btn btn-primary center-block">Primary</a></div> <div class="col-xs-4"><a href="#" class="btn btn-danger center-block">Danger</a></div> </div> <br> <div class="row"> <div class="col-xs-4"><a href="#" class="btn btn-warning center-block">Warning</a></div> <div class="col-xs-4"><a href="#" class="btn btn-info center-block">Info</a></div> <div class="col-xs-4"><a href="#" class="btn btn-success center-block">Success</a></div> </div> <hr> <div class="btn-group btn-group-sm"><button class="btn btn-default">1</button><button class="btn btn-default">2</button><button class="btn btn-default">3</button></div> <hr> <div class="row"> <div class="col-md-4"> <span class="label label-default">Label</span> <span class="label label-success">Success</span> </div> <div class="col-md-4"> <span class="label label-warning">Warning</span> <span class="label label-info">Info</span> </div> <div class="col-md-4"> <span class="label label-danger">Danger</span> <span class="label label-primary">Primary</span> </div> </div> </div> </div> </div>
.btn, .form-control, .panel, .list-group, .well { border-radius: 1px; box-shadow: 0 0 0; } .panel .panel-heading { background-color: #FFFFFF; border-color: #FFFFFF; color: #262626; font-size: 16px; font-weight: 700; } .panel .panel-heading a { font-size: 11px; font-weight: 400; }

google plus button labels style

  May 10th 2014, 22:36