Este é um aplicativo do painel de gerenciamento de back-end em estilo metropolonizado com base no bootstrap. A interface do usuário do Painel do Metro Bootstrap é baseada no estilo de bootstrap no Twitter e usa os componentes JQuery 1.9.1 e JQuery UI, o que é muito adequado para a interface do sistema de gerenciamento de back -end do site.
Introdução ao painel do metrô Bootstrap
O Painel do Metro Bootstrap usa o seguinte plugin jQuery:
FullCalendar.min.JS
jQuery.chosen.min.js
jQuery.cleditor.min.js
jQuery.cookie.js
jQuery.datatables.min.js
jQuery.elfinder.min.js
jQuery.flot.js
jQuery.flot.pie.js
jQuery.flot.resize.min.js
jQuery.flot.stack.js
jQuery.Gritter.min.JS
jQuery.imagesloaded.js
jQuery.iphone.toggle.js
jQuery.knob.modified.js
jQuery.masonry.min.js
jQuery.Noty.JS
jQuery.raty.min.js
jQuery.sparkline.min.js
jQuery.ui.Touch-Punch.JS
jQuery.uniform.min.js
jQuery.uploadify-3.1.min.js
Ao mesmo tempo, as seguintes bibliotecas de script JavaScript também são aplicadas:
Modernizr.js
A Modernizr é uma biblioteca JS de código aberto que facilita para designers que desenvolvem diferentes níveis de experiência com base nas diferenças nos navegadores de hóspedes (referindo -se a diferenças no apoio a novos padrões). Ele permite que os designers aproveitem ao máximo os recursos HTML5 e CSS3 para desenvolvimento em navegadores que suportam HTML5 e CSS3, sem sacrificar o controle de outros navegadores que não suportam essas novas tecnologias.
Site oficial: http://modernizr.com/
retina.js
Retina.js Verifique as imagens na página da web para ver se há uma versão de alta definição. Se houver algum, será substituído.
Site oficial: http://retinajs.com
Componentes relacionados ao painel do Metro Bootstrap
Painel de gerenciamento Página inicial
Fluxo de trabalho/linha do tempo
Barra de rolagem embelezada
gráfico
Existem também muitos belos componentes da interface do usuário. O painel de metrô de bootstrap é muito poderoso. Se você precisar de sua própria interface de gerenciamento de back -end, o Painel do Bootstrap Metro é uma boa opção para você.
Link para este artigo: http://www.codeceo.com/article/bootstrap-setro-dashboard.html
Autor deste artigo: Xiaofeng, Rede de Codificação
O exposto acima é todo o conteúdo deste artigo. Espero que seja útil para o aprendizado de todos e espero que todos apoiem mais o wulin.com.
Se você ainda deseja estudar em profundidade, pode clicar aqui para aprender e anexar um tópico maravilhoso a você: Bootstrap Learning Tutorial