No artigo anterior, apresentei a você o modelo do sistema para criar um menu dobrado à esquerda (i). Para detalhes, clique para saber mais.
1. Sobre o bug do artigo anterior
Há perguntas e insetos levantados por vários amigos no artigo anterior. Deixe -me falar brevemente sobre eles.
1>. IE Suporte da versão?
Estes que escrevi estão apenas testando o Firefox Google Browse. O código pode ser adicionado no IE8+ para compatibilidade.
<!-[se lt ie 9]> <script src = "http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"> </script> <script src = "http://cdn.bootcss.com/repl odied.js/1.4.4
Se você quiser ser compatível com o super navegador IE6, consulte: http://www.bootcss.com/p/bsie/
2>. Uso de crachá, obrigado pelas dicas do Baidixing
Isso depende dos hábitos de uso de todos.
3>. As fontes abaixo do menu secundário do código de amostra não são do mesmo tamanho no Firefox e no Google , obrigado pelo apontamento pelo Baidixing.
Como eu estava depurando no Google navegação, o Chrome não suporta fontes abaixo de 12px por padrão.
2. Versão completa do menu dobrável à esquerda
Amigos interessados podem clicar para ver a demonstração do efeito: http://static.demo.ruyo.net/bootstrap_left_menu.html2.html
1>. A flecha muda à medida que o menu se expande e funde
<a href = "#SystemSetting" data-toggle = "colapso"> <i> </i> gerenciamento de sistemas <pan> </span> </a> <ul id = "systemSetting" style = "altura: 0px;"> <li> <a href = "#"> <i> </i> gerenciamento de usuários </a> </li> <a> <a> <a> <a> <a> <a> <a> <a> <a> <a> <a> <a> <a> <a href = "#"> <i> </i> Gerenciamento </a> </li> <li> <a href = "#"> <i> </i> Gerenciamento de função </a> </li> <li> <a href = "#"> <i> </i> Modificar senha </a> </li> <li> <a href = "#" <i> </i> Log <a> Arrow*/. Nav-header.Collapsed> span.glyphicon-chevron-toggle: antes {content: "/e114"; }.nav-theader> span.glyphicon-chevron-toggle: antes {content:"/e113 ";}2>. Selecione o estilo no menu secundário
.SECONDMENU A {Size de fonte: 12px; cor: #4A515B; Text-align: Center;}. SecondMenu Li.Active {Background-Color: #eee; Border-Color: #428bca;}Wulin.com recomenda tópicos relacionados ao Bootstrap:
Habilidades de operação de componentes de bootstrap
Resumo do conhecimento relacionado ao bootstrap
O acima exposto é o conhecimento relevante sobre o Bootstrap, criando um modelo de sistema (ii) no menu dobrável à esquerda introduzido pelo editor. Espero que seja útil para todos. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a todos a tempo. Muito obrigado pelo seu apoio ao site wulin.com!