实例介绍
BootStrap是基于HTML、CSS和JavaScript的框架,使你只需要写简单的代码就可以很快的搭建一个还不错的前端框架,他是后端程序员的福音,使他们只需要专注业务逻辑,而无须浪费太多的精力在界面设计上。 它可以开发全响应式网页——不论你使用手机、平板电脑、普通个人电脑浏览网站内容,所有的元素都可以很优雅的呈现。所以,可以用他来开发适合各种设备浏览的页面,避免了大量的因为兼容性而导致的重复劳动。 它的最新版本是4.0,国内目前用的较多的是3.x,我们的教程也基于BootStrap3.x版本,也是目前最受欢迎的前端框架之一。 你可以使用默认的BootStrap样式和组件,你也可以对
【实例截图】
【核心代码】
bootsarpDome
└── bootsarpDome1
├── alerts.html
├── assets
│ ├── css
│ │ ├── 4095-rtl.min.css
│ │ ├── animate.min.css
│ │ ├── beyond.min.css
│ │ ├── beyond-rtl.min.css
│ │ ├── bootstrap.min.css
│ │ ├── bootstrap-rtl.min.css
│ │ ├── dataTables.bootstrap.css
│ │ ├── demo.min.css
│ │ ├── font-awesome.min.css
│ │ ├── skins
│ │ │ ├── azure.min.css
│ │ │ ├── black.min.css
│ │ │ ├── blue.min.css
│ │ │ ├── darkblue.min.css
│ │ │ ├── darkred.min.css
│ │ │ ├── deepblue.min.css
│ │ │ ├── gray.min.css
│ │ │ ├── green.min.css
│ │ │ ├── orange.min.css
│ │ │ ├── pink.min.css
│ │ │ ├── purple.min.css
│ │ │ └── teal.min.css
│ │ ├── typicons.min.css
│ │ └── weather-icons.min.css
│ ├── fonts
│ │ ├── fontawesome-webfont.eot
│ │ ├── fontawesome-webfont.svg
│ │ ├── fontawesome-webfont.ttf
│ │ ├── fontawesome-webfont.woff
│ │ ├── glyphicons-halflings-regular.eot
│ │ ├── glyphicons-halflings-regular.svg
│ │ ├── glyphicons-halflings-regular.ttf
│ │ ├── glyphicons-halflings-regular.woff
│ │ ├── typicons.eot
│ │ ├── typicons.svg
│ │ ├── typicons.ttf
│ │ ├── typicons.woff
│ │ ├── weathericons-regular-webfont.eot
│ │ ├── weathericons-regular-webfont.svg
│ │ ├── weathericons-regular-webfont.ttf
│ │ └── weathericons-regular-webfont.woff
│ ├── img
│ │ ├── attach-blue.png
│ │ ├── attach-green.png
│ │ ├── attach-red.png
│ │ ├── attach-yellow.png
│ │ ├── avatars
│ │ │ ├── adam-jansen.jpg
│ │ │ ├── bing.png
│ │ │ ├── divyia.jpg
│ │ │ ├── Javi-Jimenez.jpg
│ │ │ ├── John-Smith.jpg
│ │ │ ├── Matt-Cheuvront.jpg
│ │ │ ├── Nicolai-Larson.jpg
│ │ │ ├── Osvaldus-Valutis.jpg
│ │ │ ├── Sergey-Azovskiy.jpg
│ │ │ └── Stephanie-Walter.jpg
│ │ ├── favicon.png
│ │ ├── jquery.minicolors.png
│ │ ├── logo-inverted.png
│ │ ├── logo.png
│ │ ├── logo-rtl.png
│ │ ├── sort_asc_disabled.png
│ │ ├── sort_asc.png
│ │ ├── sort_both.png
│ │ ├── sort_desc_disabled.png
│ │ ├── sort_desc.png
│ │ └── temp1.png
│ └── js
│ ├── beyond.js
│ ├── beyond.min.js
│ ├── bootbox
│ │ └── bootbox.js
│ ├── bootstrap.min.js
│ ├── charts
│ │ ├── chartjs
│ │ │ ├── Chart.js
│ │ │ └── chartjs-init.js
│ │ ├── easypiechart
│ │ │ ├── easypiechart-init.js
│ │ │ └── jquery.easypiechart.js
│ │ ├── flot
│ │ │ ├── flot-init.js
│ │ │ ├── jquery.flot.crosshair.js
│ │ │ ├── jquery.flot.js
│ │ │ ├── jquery.flot.orderBars.js
│ │ │ ├── jquery.flot.pie.js
│ │ │ ├── jquery.flot.resize.js
│ │ │ ├── jquery.flot.selection.js
│ │ │ ├── jquery.flot.stack.js
│ │ │ ├── jquery.flot.time.js
│ │ │ └── jquery.flot.tooltip.js
│ │ ├── morris
│ │ │ ├── morris-init.js
│ │ │ ├── morris.js
│ │ │ └── raphael-2.0.2.min.js
│ │ └── sparkline
│ │ ├── jquery.sparkline.js
│ │ └── sparkline-init.js
│ ├── colorpicker
│ │ └── jquery.minicolors.js
│ ├── datatable
│ │ ├── assets
│ │ │ └── swf
│ │ │ └── copy_csv_xls_pdf.swf
│ │ ├── dataTables.bootstrap.min.js
│ │ ├── datatables-init.js
│ │ ├── dataTables.tableTools.min.js
│ │ ├── jquery.dataTables.min.js
│ │ └── ZeroClipboard.js
│ ├── datetime
│ │ ├── bootstrap-datepicker.js
│ │ ├── bootstrap-timepicker.js
│ │ ├── daterangepicker.js
│ │ └── moment.js
│ ├── editors
│ │ ├── summernote
│ │ │ └── summernote.js
│ │ └── wysiwyg
│ │ ├── bootstrap-wysiwyg.js
│ │ ├── jquery.hotkeys.js
│ │ └── prettify.js
│ ├── fuelux
│ │ ├── spinner
│ │ │ └── fuelux.spinner.min.js
│ │ ├── treeview
│ │ │ ├── tree-custom.min.js
│ │ │ └── treeview-init.js
│ │ └── wizard
│ │ └── wizard-custom.js
│ ├── fullcalendar
│ │ └── fullcalendar.js
│ ├── jquery-2.0.3.min.js
│ ├── jquery-ui-1.10.4.custom.js
│ ├── knob
│ │ └── jquery.knob.js
│ ├── nestable
│ │ └── jquery.nestable.min.js
│ ├── select2
│ │ └── select2.js
│ ├── skins.min.js
│ ├── slider
│ │ ├── jQRangeSlider
│ │ │ └── jQAllRangeSliders-withRuler-min.js
│ │ └── jquery.nouislider.js
│ ├── swf
│ │ └── copy_csv_xls_pdf.swf
│ ├── tagsinput
│ │ └── bootstrap-tagsinput.js
│ ├── textarea
│ │ └── jquery.autosize.js
│ ├── toastr
│ │ └── toastr.js
│ └── validation
│ └── bootstrapValidator.js
├── blank.html
├── buttons.html
├── calendar.html
├── chartjs.html
├── chartjs - 副本.html
├── databoxes.html
├── easypiecharts.html
├── elements.html
├── error-404.html
├── error-500.html
├── flot.html
├── font-awesome.html
├── form-editors.html
├── form-editors.html.bak
├── form-editors_leip.html
├── form-editors_leip.html.bak
├── form-inputs.html
├── form-layouts.html
├── form-pickers.html
├── form-pickers.html.bak
├── form-pickers - 副本.html
├── form-pickers - 副本.html.bak
├── form-validation.html
├── form-wizard.html
├── glyph-icons.html
├── grid.html
├── inbox.html
├── index.html
├── index.html.bak
├── index-rtl-ar.html
├── index-rtl-fa.html
├── invoice.html
├── lock.html
├── login.html
├── message-compose.html
├── message-view.html
├── modals.html
├── morris.html
├── morris - 副本.html
├── morris - 副本.html.bak
├── nestable-list.html
├── pricing.html
├── profile.html
├── register.html
├── sparkline.html
├── tables-data2.html
├── tables-data.html
├── tables-simple.html
├── tabs.html
├── tabs_leipeng.html
├── tabs_leipeng.html.bak
├── timeline.html
├── treeview.html
├── typicon.html
├── typography.html
├── weather-icons.html
└── widgets.html
38 directories, 178 files
标签:
小贴士
感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享,对搜索内容的合法性不具有预见性、识别性、控制性,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论