Asi:
Código HTML:
Ver original<nav class="se-gris padding-largo"> <ul class="no-lista text-center"> <li class="col-xs-3 inline-block">menu uno
</li> <li class="col-xs-3 inline-block">menu dos
</li> <li class="col-xs-3 inline-block">menu tres
</li>
Código CSS:
Ver originalbody{
background-color: yellow;
}
img{
max-width: 100%;
}
.se-gris{
background-color: #eee;
}
.padding-largo{
padding: 5px 10px;
width: 90%;
margin-left:auto;
margin-right:auto;
}
.no-lista{
margin: 0px;
padding: 0px;
}
.no-lista li{
list-style-type: none;
}
.inline-block{
float: none;
display: inline-block;
width: 30%;
text-align:center;
}
MUESTRA:
https://jsfiddle.net/vc0xp2n9/