SUBMENU EN BOOTSTRAP
Para que funcione el submen en la publicacin, se tiene que
realizar lo siguiente
1. Sobre la carpeta Content del proyecto, agregar un nuevo
archivo de estilo
Click derecho sobre content , seleccionar Add y luego Style
Sheet
2. El archivo de estilo se le debe de llamar Submenu y agregar
el siguiente contenido.
.dropdown-submenu { position: relative;}
.dropdown-submenu>.dropdown-menu { top: 0; left: 100%;
margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px
6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px
6px;}
.dropdown-submenu:hover>.dropdown-menu { display: block;}
.dropdown-submenu>a:after { display: block; content: " ";
float: right; width: 0; height: 0; border-color: transparent;
border-style: solid; border-width: 5px 0 5px 5px;
border-left-color: #ccc; margin-top: 5px; margin-right: -10px;}
.dropdown-submenu:hover>a:after { border-left-color:
#fff;}
.dropdown-submenu.pull-left { float: none;}
.dropdown-submenu.pull-left>.dropdown-menu { left: -100%;
margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px
6px;}Quedara de esta manera
3. Crear la referencia del archivo en el site.master para que se
reconozca el css
4. Al realizar la publicacin , miramos que nos reconoce el
submen
