Enlaces con Bootstrap

Hola a todos.

Soy nuevo aquí y me gustaría hacerles una pregunta.

Estoy diseñando una página con Bootstrap y en especial estoy usando los Grids. Para mi menú usé la etiqueta nav y listas ul. Mi problema es que quiero que los enlaces me ocupen todo el ancho del grid que lo contiene.

Traté de hacerlo usando la clasee btn (Y si funciońo), pero me convierte cada elemento en botones con los bordes redondeados, cosa que no se ve muy bien para un menú horizontal. Trate de usar border radius pero no funcionó

¿Hay alguna forma que los enlaces cubran todo el ancho del grid?

Aquí mi código

HTML

<nav> <ul class="menu-general center-block">
<li class="col-md-2 col-sm-2 col-xs-12 btn"><a href="#">Inicio</a></li>
<li class="col-md-2 col-sm-2 col-xs-12 btn"><a href="#">Debian</a></li>
<li class="col-md-2 col-sm-2 col-xs-12 btn"><a href="#">Centos</a></li>
<li class="col-md-2 col-sm-2 col-xs-12 btn"><a href="#">Otros Linux</a></li>
<li class="col-md-2 col-sm-2 col-xs-12 btn"><a href="#">Contacto</a></li>
<li class="col-md-2 col-sm-2 col-xs-12 btn"><a href="#">Acerca de</a></li>
</ul>
</nav>

CSS

.menu-general {
margin: 0;
padding: 0;
}

.menu-general li{
list-style-type: none;
color: #555;
font-size: 1.3em;
background: #ccc;
text-align: center;
padding: 20px 0;

}

nav > .menu-general a {
color: #555;
font-family: 'Open Sans';
-moz-border-radius: none;
-webkit-border-radius: none;
}

nav > .menu-general a:hover {
color: #555;
-moz-border-radius: none;
-webkit-border-radius: none;
}

nav > .menu-general a:link {
color: #555;
text-decoration: none;
-moz-border-radius: none;
-webkit-border-radius: none;
}

nav > .menu-general a:visited {
color: #555;
-moz-border-radius: none;
-webkit-border-radius: none;
}