Buenos Días!
Les escribo porque estoy haciendo mi primera pagina web.
Pero tengo grandes problemas con el centrado de los botones.
Aquí les dejo mi HTML y CSS
HTML
<body>
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-12 header">
<div class="col-xs-12 col-md-12 img">
<img src="../PNG/LOGO AUDIO SISTEMAS.png"/>
</div>
<!-- Cierre del img-->
<div class="col-xs-12 col-md-12 button">
<div class="bs-example" data-example-id="btn-variants">
<a href="index.html">
<button type="button" class="btn btn-default">Home</button></a>
<a href="../../../../Web/Audio Sistemas/WEBSITES/HTML/Quienes Somos.html">
<button type="button" class="btn btn-default">Quienes Somos</button></a>
<a href="../../../../Web/Audio Sistemas/WEBSITES/HTML/Concesionarios.html">
<button type="button" class="btn btn-default">Concesionarios</button></a>
<a href="../../../../Web/Audio Sistemas/WEBSITES/HTML/Galeria.html">
<button type="button" class="btn btn-default">Galeria</button></a>
<a href="../../../../Web/Audio Sistemas/WEBSITES/HTML/Contacto.html">
<button type="button" class="btn btn-default">Contacto</button></a>
<a href="https://www.facebook.com/">
<button type="button" class="btn btn-default">Facebook</button></a>
</div>
</div> <!-- Cierre del button-->
</div> <!-- Cierre del header-->
CSS
/**Botones**/
.bs-example {
position:relative;
width:100%; /*ancho*/
height:38px; /*alto*/
margin-top:45px; /* posicion de la botonera respecto arriba */
padding:0;
border-radius: 10px 10px 10px 10px;
float:none;
/*padding-left:20px; posicion de la botonera lado izquierdo
padding-right:20px; posicion de la botonera lado derecho */
list-style:none;
line-height:38px;
}
.bs-example>.btn, .bs-example>.btn-group {
margin-top: 2px;
margin-bottom: 2px;
}
.btn-default {
color:#FFF;
background-color:rgb(202,101,122);
-webkit-transition:color, linear 0.85s;
-webkit-transition:background, linear 0.85s;
}
.bs-example>.btn a:active{
color:rgb(5,75,140);
background-color:#FFF;
}