[Leire Martinez]

Estoy usando twitter bootstrap en mi sitio web y estoy usando nav(basic pills) como la navegación para el mismo.

Cuando hago click sobre una lista del menu o aplico un efecto de tipo hover el comportamiento por defecto es de mostrar un fondo con forma de rectangulo.

Ahora mi problema es que quiero cambir esa forma por una propia customizada, esta sería mi forma por defecto:



Y quisiera algo como esto:



Agradezco toda la ayuda que me puedan brindar

[Nicolas]

ya probaste modificando el css?

[Joel7]

Te dejo un codigo para hacer una imagen como la que mencionas:

.nav-pills > li.active > a { position: relative; border-radius: 0px !important; }
.nav-pills > li.active > a::after {
border-top: 15px inset transparent;
border-bottom: 15px inset transparent;
border-left: 20px solid #08C;
position: absolute;
content: "";
top: 0;
right: -20px; }

[Leire Martinez]

Gracias joel me funciono perfecto!