<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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 ----------> <div class="menu"> <div class="container-fluid"> <div class="row"> <div class="col-xs-3 borde"> <img style="max-width:60%;" src="https://lh3.googleusercontent.com/-ep8MhgjDOME/WY54HtDTCiI/AAAAAAAAANU/Q-epggr9zEIVaMNJuc6j3tCAoXsHMFFIQCLcBGAs/h114/logo01.jpg" /> </div> <div class="col-xs-6 borde"> Médicos </div> <div class="col-xs-3 borde"> Médicos </div> </div> </div> <div class="container"> <div class="row" > <div class="col-xs-1 buscador"> </div> <div class="col-xs-10 buscador"> BUSCADOR </div> <div class="col-xs-1 buscador"> </div> </div> <div class="row"> <div class="col-xs-12"> <p style="padding:0px 0px 0px 0px;"> <div style="width:100%;border-top:2px solid #12c44a"> </div> </div> </div> </div>

.borde{ border:solid 1px #12c44a; padding:3px 3px 3px 13px; background:#151515; color:white; font-size:20px; text-align:center; } .buscador { border:solid 1px #12c44a; padding:3px 3px 3px 3px; font-size:12px; } .row{ padding-bottom:5px; } } .row { display: table; } .row [class*="borde"] { display: table-cell; float: none; } .row [class*="borde"] { vertical-align: middle; }