cambiar forma de boton en bootstrap
Iniciado por
Leire Martinez
, nov 11 2014 05:11
AUTOR PREGUNTA #1
Publicado 11 noviembre 2014 - 05:11
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:
![boton_1.png]()
Y quisiera algo como esto:
![boton_2.png]()
Agradezco toda la ayuda que me puedan brindar
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
-
¿Tienes la misma pregunta? Yo también
Esto también te interesa!
PREGUNTAS SIMILARES
#3
Publicado 11 noviembre 2014 - 19:39
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; }
AUTOR PREGUNTA #4
Publicado 11 noviembre 2014 - 20:18
Gracias joel me funciono perfecto!
