<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="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <div class="container"> <div class="row"> <hr> <div class="col-md-12"> <img src="http://demo.kcompute.com:8001/a360/pdf/bootsnip/amazon.png" width="70" height="30" class="pull-left"> <h3 data-toggle="tooltip" data-placement="bottom" title="Pakistan" class="pull-left marg_zero"> <span class="label label-default"><label class="label_badge">PK</label></label></span></h3> <h3 data-toggle="tooltip" data-placement="bottom" title="India" class="pull-left marg_zero"> <span class="label label-primary"><label class="label_badge">IND</label></span></h3> <h3 data-toggle="tooltip" data-placement="bottom" title="United State of America" class="pull-left marg_zero"> <span class="label label-success"><label class="label_badge">USA</label></span></h3> <h3 data-toggle="tooltip" data-placement="bottom" title="United Kingdom" class="pull-left marg_zero"> <span class="label label-info"><label class="label_badge">UK</label></span></h3> <h3 data-toggle="tooltip" data-placement="bottom" title="Afghanistan" class="pull-left marg_zero"> <span class="label label-warning"><label class="label_badge">AFG</label></span></h3> <h3 data-toggle="tooltip" data-placement="bottom" title="Cyprus" class="pull-left marg_zero"> <span class="label label-danger"><label class="label_badge">CYP</label></span></h3> </div> <!--ebay logo start--> </div> <div class="row"> <hr> <div class="col-md-12"> <img src="http://demo.kcompute.com:8001/a360/pdf/bootsnip/ebay.png" width="70" height="30" class="pull-left"> <h3 data-toggle="tooltip" data-placement="bottom" title="Pakistan" class="pull-left marg_zero"> <span class="label label-default"><label class="label_badge">PK</label></label></span></h3> <h3 data-toggle="tooltip" data-placement="bottom" title="India" class="pull-left marg_zero"> <span class="label label-primary"><label class="label_badge">IND</label></span></h3> <h3 data-toggle="tooltip" data-placement="bottom" title="United State of America" class="pull-left marg_zero"> <span class="label label-success"><label class="label_badge">USA</label></span></h3> <h3 data-toggle="tooltip" data-placement="bottom" title="United Kingdom" class="pull-left marg_zero"> <span class="label label-info"><label class="label_badge">UK</label></span></h3> <h3 data-toggle="tooltip" data-placement="bottom" title="Afghanistan" class="pull-left marg_zero"> <span class="label label-warning"><label class="label_badge">AFG</label></span></h3> <h3 data-toggle="tooltip" data-placement="bottom" title="Cyprus" class="pull-left marg_zero"> <span class="label label-danger"><label class="label_badge">CYP</label></span></h3> </div> </div> </div>

.marg_zero{ margin:0px !important; } .label_badge{ font-size: 13px; font-weight: normal; }