实例介绍
非常漂亮的bootstrap整合angularjs的后台模版,可以直接拿来用的,用来学习angularjs和bootstrap都非常不错,相关的界面插件也有用到很多。
【实例截图】
【核心代码】
MaterialAngular
├── 404.html
├── css
│ ├── app.min.1.css
│ ├── app.min.2.css
│ └── demo.css
├── data
│ ├── best-selling.json
│ ├── messages-notifications.json
│ ├── recent-items.json
│ └── todo.json
├── fonts
│ ├── glyphicons-halflings-regular.eot
│ ├── glyphicons-halflings-regular.svg
│ ├── glyphicons-halflings-regular.ttf
│ ├── glyphicons-halflings-regular.woff
│ ├── glyphicons-halflings-regular.woff2
│ ├── glyphicons-halflings-regulard41d.eot
│ ├── roboto
│ │ ├── Roboto-Bold-webfont.eot
│ │ ├── Roboto-Bold-webfont.svg
│ │ ├── Roboto-Bold-webfont.ttf
│ │ ├── Roboto-Bold-webfont.woff
│ │ ├── Roboto-Bold-webfontd41d.eot
│ │ ├── Roboto-Light-webfont.eot
│ │ ├── Roboto-Light-webfont.svg
│ │ ├── Roboto-Light-webfont.ttf
│ │ ├── Roboto-Light-webfont.woff
│ │ ├── Roboto-Light-webfontd41d.eot
│ │ ├── Roboto-Medium-webfont.eot
│ │ ├── Roboto-Medium-webfont.svg
│ │ ├── Roboto-Medium-webfont.ttf
│ │ ├── Roboto-Medium-webfont.woff
│ │ ├── Roboto-Medium-webfontd41d.eot
│ │ ├── Roboto-Regular-webfont.eot
│ │ ├── Roboto-Regular-webfont.svg
│ │ ├── Roboto-Regular-webfont.ttf
│ │ ├── Roboto-Regular-webfont.woff
│ │ └── Roboto-Regular-webfontd41d.eot
│ └── shadowsintolight
│ ├── shadowsintolight-webfont-2.html
│ ├── shadowsintolight-webfont-3.html
│ ├── shadowsintolight-webfont-4.html
│ ├── shadowsintolight-webfont.html
│ └── shadowsintolight-webfontd41d.html
├── img
│ ├── 300x200.gif
│ ├── cal-header.jpg
│ ├── contacts
│ │ ├── 1.jpg
│ │ ├── 10.jpg
│ │ ├── 11.jpg
│ │ ├── 12.jpg
│ │ ├── 13.jpg
│ │ ├── 14.jpg
│ │ ├── 15.jpg
│ │ ├── 16.jpg
│ │ ├── 2.jpg
│ │ ├── 3.jpg
│ │ ├── 4.jpg
│ │ ├── 5.jpg
│ │ ├── 6.jpg
│ │ ├── 7.jpg
│ │ ├── 8.jpg
│ │ └── 9.jpg
│ ├── demo
│ │ ├── invoice-logo.png
│ │ └── map.png
│ ├── headers
│ │ ├── 10.png
│ │ ├── 11.png
│ │ ├── 12.png
│ │ ├── 4.png
│ │ ├── 5.png
│ │ ├── 6.png
│ │ ├── 7.png
│ │ ├── 8.png
│ │ ├── 9.png
│ │ ├── sm
│ │ │ └── 4.png
│ │ └── square
│ │ ├── 1.png
│ │ ├── 2.png
│ │ ├── 3.png
│ │ ├── 4.png
│ │ ├── 5.png
│ │ ├── 6.png
│ │ ├── 7.png
│ │ ├── 8.png
│ │ └── 9.png
│ ├── icons
│ │ ├── ellipsis.png
│ │ ├── fullscreen.png
│ │ ├── fullscreen@2x.png
│ │ ├── menu-2.png
│ │ ├── message.png
│ │ ├── notification.png
│ │ ├── pause.png
│ │ ├── pause@2x.png
│ │ ├── play.png
│ │ ├── play@2x.png
│ │ ├── search-2.png
│ │ ├── search.png
│ │ ├── speaker-2.png
│ │ ├── speaker-2@2x.png
│ │ ├── speaker.png
│ │ ├── speaker@2x.png
│ │ ├── task.png
│ │ └── weather
│ │ ├── 28.png
│ │ └── 31.png
│ ├── notifications.png
│ ├── profile-menu.png
│ ├── profile-pics
│ │ ├── 1.jpg
│ │ ├── 2.jpg
│ │ ├── 3.jpg
│ │ ├── 4.jpg
│ │ ├── 5.jpg
│ │ ├── 6.jpg
│ │ ├── 7.jpg
│ │ ├── 8.jpg
│ │ ├── 9.jpg
│ │ ├── profile-pic-2.jpg
│ │ └── profile-pic.jpg
│ ├── select.png
│ ├── select@2x.png
│ ├── social
│ │ ├── blogger-128.png
│ │ ├── facebook-128.png
│ │ ├── googleplus-128.png
│ │ ├── linkedin-128.png
│ │ ├── twitter-128.png
│ │ └── youtube-128.png
│ └── widgets
│ ├── 535.jpg
│ ├── alpha.jpg
│ ├── mate7.jpg
│ ├── note4.jpg
│ └── preview.jpg
├── index.html
├── js
│ ├── app.js
│ ├── config.js
│ ├── controllers
│ │ ├── main.js
│ │ ├── table.js
│ │ └── ui-bootstrap.js
│ ├── modules
│ │ ├── calendar.js
│ │ ├── charts
│ │ │ ├── flot.js
│ │ │ └── other-charts.js
│ │ ├── components.js
│ │ ├── demo.js
│ │ ├── form.js
│ │ ├── media.js
│ │ ├── template.js
│ │ └── ui.js
│ ├── services.js
│ └── templates.js
├── lockscreen.html
├── login.html
├── media
│ ├── big_buck_bunny.jpg
│ ├── carousel
│ │ ├── c-1.jpg
│ │ ├── c-2.jpg
│ │ └── c-3.jpg
│ ├── flashmediaelement.swf
│ └── gallery
│ ├── 10.jpg
│ ├── 11.jpg
│ ├── 12.jpg
│ ├── 13.jpg
│ ├── 14.jpg
│ ├── 15.jpg
│ ├── 16.jpg
│ ├── 17.jpg
│ ├── 18.jpg
│ ├── 19.jpg
│ ├── 2.jpg
│ ├── 20.jpg
│ ├── 21.jpg
│ ├── 22.jpg
│ ├── 23.jpg
│ ├── 24.jpg
│ ├── 3.jpg
│ ├── 4.jpg
│ ├── 5.jpg
│ ├── 6.jpg
│ ├── 7.jpg
│ ├── 8.jpg
│ ├── 9.jpg
│ └── thumbs
│ ├── 1.jpg
│ ├── 10.jpg
│ ├── 11.jpg
│ ├── 12.jpg
│ ├── 13.jpg
│ ├── 14.jpg
│ ├── 15.jpg
│ ├── 16.jpg
│ ├── 17.jpg
│ ├── 18.jpg
│ ├── 19.jpg
│ ├── 2.jpg
│ ├── 20.jpg
│ ├── 21.jpg
│ ├── 22.jpg
│ ├── 23.jpg
│ ├── 24.jpg
│ ├── 3.jpg
│ ├── 4.jpg
│ ├── 5.jpg
│ ├── 6.jpg
│ ├── 7.jpg
│ ├── 8.jpg
│ └── 9.jpg
├── template
│ └── header.html
├── vendors
│ ├── bootstrap-growl
│ │ └── bootstrap-growl.min.js
│ ├── bower_components
│ │ ├── Waves
│ │ │ └── dist
│ │ │ └── waves.min.js
│ │ ├── angular
│ │ │ └── angular.min.js
│ │ ├── angular-animate
│ │ │ └── angular-animate.min.js
│ │ ├── angular-bootstrap
│ │ │ └── ui-bootstrap-tpls.min.js
│ │ ├── angular-chosen-localytics
│ │ │ └── chosen.js
│ │ ├── angular-loading-bar
│ │ │ └── src
│ │ │ ├── loading-bar.css
│ │ │ └── loading-bar.js
│ │ ├── angular-nouislider
│ │ │ └── src
│ │ │ └── nouislider.min.js
│ │ ├── angular-resource
│ │ │ └── angular-resource.min.js
│ │ ├── angular-ui-router
│ │ │ └── release
│ │ │ └── angular-ui-router.min.js
│ │ ├── animate.css
│ │ │ └── animate.min.css
│ │ ├── autosize
│ │ │ └── dist
│ │ │ └── autosize.min.js
│ │ ├── bootstrap-sweetalert
│ │ │ └── lib
│ │ │ ├── sweet-alert.css
│ │ │ └── sweet-alert.min.js
│ │ ├── chosen
│ │ │ ├── chosen.jquery.js
│ │ │ └── chosen.min.css
│ │ ├── eonasdan-bootstrap-datetimepicker
│ │ │ └── build
│ │ │ ├── css
│ │ │ │ └── bootstrap-datetimepicker.min.css
│ │ │ └── js
│ │ │ └── bootstrap-datetimepicker.min.js
│ │ ├── flot
│ │ │ ├── jquery.flot.js
│ │ │ ├── jquery.flot.pie.js
│ │ │ └── jquery.flot.resize.js
│ │ ├── flot-orderBars
│ │ │ └── js
│ │ │ └── jquery.flot.orderBars.js
│ │ ├── flot.curvedlines
│ │ │ └── curvedLines.js
│ │ ├── flot.tooltip
│ │ │ └── js
│ │ │ └── jquery.flot.tooltip.min.js
│ │ ├── fullcalendar
│ │ │ └── dist
│ │ │ ├── fullcalendar.min.css
│ │ │ └── fullcalendar.min.js
│ │ ├── jquery
│ │ │ └── dist
│ │ │ └── jquery.min.js
│ │ ├── jquery.easy-pie-chart
│ │ │ └── dist
│ │ │ └── jquery.easypiechart.min.js
│ │ ├── jquery.nicescroll
│ │ │ └── jquery.nicescroll.min.js
│ │ ├── lightgallery
│ │ │ └── light-gallery
│ │ │ ├── css
│ │ │ │ └── lightGallery.css
│ │ │ ├── fronts
│ │ │ │ └── Slide-icons.eot
│ │ │ └── js
│ │ │ └── lightGallery.min.js
│ │ ├── material-design-iconic-font
│ │ │ └── dist
│ │ │ ├── css
│ │ │ │ └── material-design-iconic-font.min.css
│ │ │ └── fonts
│ │ │ ├── Material-Design-Iconic-Fontf066.ttf
│ │ │ └── Material-Design-Iconic-Fontf066.woff
│ │ ├── mediaelement
│ │ │ └── build
│ │ │ ├── mediaelement-and-player.js
│ │ │ └── mediaelementplayer.css
│ │ ├── moment
│ │ │ └── min
│ │ │ └── moment.min.js
│ │ ├── ng-table
│ │ │ └── dist
│ │ │ └── ng-table.min.js
│ │ ├── nouislider
│ │ │ ├── jquery.nouislider.css
│ │ │ └── jquery.nouislider.min.js
│ │ ├── oclazyload
│ │ │ └── dist
│ │ │ └── ocLazyLoad.min.js
│ │ ├── simpleWeather
│ │ │ └── jquery.simpleWeather.min.js
│ │ └── summernote
│ │ └── dist
│ │ ├── summernote.css
│ │ └── summernote.min.js
│ ├── farbtastic
│ │ └── farbtastic.css
│ ├── fileinput
│ │ └── fileinput.min.js
│ ├── input-mask
│ │ └── input-mask.min.js
│ └── sparklines
│ └── jquery.sparkline.min.js
└── views
├── alerts.html
├── animations.html
├── box-shadow.html
├── buttons.html
├── calendar.html
├── colors.html
├── common.html
├── contacts.html
├── data-table.html
├── flot-charts.html
├── form-components.html
├── form-elements.html
├── form-examples.html
├── form-validations.html
├── generic-classes.html
├── home.html
├── icons.html
├── invoice.html
├── list-view.html
├── media.html
├── messages.html
├── notification-dialog.html
├── other-charts.html
├── other-components.html
├── photo-timeline.html
├── photos.html
├── pricing-table.html
├── profile-about.html
├── profile-connections.html
├── profile-photos.html
├── profile-timeline.html
├── profile.html
├── tables.html
├── typography.html
├── ui-bootstrap.html
├── wall.html
├── widget-templates.html
└── widgets.html
90 directories, 283 files
标签:
小贴士
感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享,对搜索内容的合法性不具有预见性、识别性、控制性,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论