李炎恢bootstrap教程
根据李炎恢bootstrap视频教程,总结的前端框架知识。
学习Java的小姐姐
一线互联网高级软件开发工程师,同时也是一个萌妹子,哈哈哈,必须得萌。擅长Java,Redis,MySQL,ES,RabbitMQ等技术。| 公众号:学习Java的小姐姐,回复有惊喜哦。
展开
-
第一章.bootstrap的介绍
1.bootstrap的概述bootsrap是基于HTML,CSS,JavaScript的开源框架,为了解决前端开发任务中的协作统一问题。bootstrap最为重要的就是 他的响应式布局。2.bootstrap的特点1)跨设备,跨浏览器2)响应式布局3)提供的全面的组件4) 内置jquery插件5)支持HTML5,CSS36)支持LESS动态样式3.boot原创 2016-12-22 21:15:08 · 464 阅读 · 0 评论 -
第二章:排版样式
代码详细:效果图:原创 2016-12-22 22:06:08 · 371 阅读 · 0 评论 -
第三章.表格和按钮
最简单的表格:效果:隔行变色的代码:隔行效果:表格加边框的代码:效果:另外鼠标悬浮效果的是table_hover按钮相关代码:效果显示:原创 2016-12-23 22:41:59 · 361 阅读 · 0 评论 -
第四章.表单和图片
表单:效果:单选按钮:效果:图片:效果:原创 2016-12-27 18:49:28 · 331 阅读 · 0 评论 -
第五章:栅格系统
最普通的形式:效果:自适应效果的::效果:偏移效果的代码:效果:原创 2017-01-01 11:23:04 · 368 阅读 · 0 评论 -
第六章.辅助类和响应式工具
文字的颜色,文字的背景颜色,关闭小图标和小三角图标,最后是超小屏激活显示,其他屏不显示。原创 2017-01-03 16:54:39 · 279 阅读 · 0 评论 -
第七章.图标和下拉菜单组件
小星星的图标和下拉菜单,下拉菜单有三个注意点,第一个说明他是下拉菜单,外面的div加class=dropdown,第二个写触发事件,data-toggle=dropdown,第三个写出来的菜单,class="dropdown-menu"原创 2017-01-03 17:18:18 · 900 阅读 · 0 评论 -
第八章.输入框和导航栏组件
两输入框合并,普通导航栏,胶囊式导航栏,胶囊式导航栏与下拉菜单合并原创 2017-01-03 17:46:37 · 470 阅读 · 0 评论 -
第十章.巨幕页头缩略图和图文结合和警告框组件
巨幕缩略图,指的是一般网站的上面的大的显示信息。图文结合,指的是图片和文字的介绍信息合在一起。警告框,指的是可以关闭的提示信息。原创 2017-01-03 19:20:04 · 375 阅读 · 0 评论 -
第十一章.进度条的显示
普通的进度条代码:效果:斑马状且不断动的进度条:效果:原创 2017-01-03 19:32:03 · 346 阅读 · 0 评论 -
第十二章.列表组和面板和嵌入组件
列表的代码:效果:加上a标签的列表:效果:面板的代码:效果:媒体嵌入组件的代码:效果:原创 2017-01-03 19:57:52 · 362 阅读 · 0 评论 -
第十三章.弹出框
弹出框的代码:效果:远程调用其他页面的弹出框:效果:原创 2017-01-03 20:12:52 · 438 阅读 · 0 评论 -
第十四章.滚动监听
滚动监听的代码:效果:原创 2017-01-03 20:25:02 · 371 阅读 · 0 评论