<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 href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> <div class="container"> <div class="row logo-panel"> <div class="col-md-4 col-xs-12"> <a href="/"><img src="http://placehold.it/210x75&text=volvoline" alt=""/></a> </div> <div class="col-md-4 hidden-xs text-center text-muted"> <h2><strong>8-800-499-50-50</strong></h4> <h3>8-800-945-05-05</h3> </div> <div class="col-md-4 col-xs-12"> <div class="login-panel pull-right"> <ul class="list-inline"> <li> <a href="/cart"><i class="fa fa-2x fa-shopping-cart"></i></a> <lavel id="cart-badge" class="badge badge-warning">4</lavel> </li> <li><a href="/login">Вход</a></li> <li><a href="/register">Регистрация</a></li> </ul> </div> </div> </div> </div>

.logo-panel { height: 90px; margin: 0 auto } .logo-panel .img-logo { background-color: #696969; height: 75px; width: 200px; margin: 0 auto } .logo-panel .login-panel { float: right; padding: 20px 0 20px 100px } .logo-panel .login-panel a { margin: 7px } .logo-panel h2 { margin: 5px; padding: 0px; } .logo-panel h3 { margin: 5px; padding: 0px; } .badge { padding-left: 9px; padding-right: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } #cart-badge { font-size: 14px; background: #696969; color: #fff; padding: 0 5px; vertical-align: top; }