
bootstrap
文章平均质量分 74
程序边界
step by step, all the way up!
展开
-
【笔记】Bootstrap入门视频-吴华-CSDN
文章目录第一章:bootstrap基本标签样式标题段落文字文字颜色文字对齐列表代码表格栅格系统样式列偏移列排序列嵌套按钮图片图标警示框可以移除的警示框缩略图表单复选框表单验证状态下拉菜单基本样式带小标题的下拉菜单带下拉菜单的按钮组导航栏导航条带搜索框分页标签徽章列表组面板模态框滚动监听工具提示框按钮实现选项卡折叠手风琴进度条媒体对象轮播图附加导航Bootstrap入门-吴华的在线视频教程-C...原创 2020-04-14 23:50:40 · 388 阅读 · 0 评论 -
《Bootstrap实战》笔记系列目录及说明
为建立演示页面fork到了码云,地址:bootstrap site blueprints sample code,在每个章节的笔记都有效果预览地址哦《Bootstrap实战》David Cochran , Ian Whitley (作者) 李松峰 (译者)笔记目录:【笔记】《Bootstrap实战》——第1章 初识Bootstrap【笔记】《Bootstrap实战》——第2章 ...原创 2020-04-14 18:54:38 · 326 阅读 · 0 评论 -
【笔记】《Bootstrap实战》——附录C 让传送带支持手势
文章目录选择方案下载使用选择方案Adding swipe support to Bootstrap Carousel 3.0 - Laz Creativemattbryson/TouchSwipe-Jquery-PluginjQuery.touchswipe插件 - 博客园手机滑动touchSwipe-CSDN博客jquery.touchswipe | BootCDN - Bo...原创 2020-04-14 18:45:01 · 211 阅读 · 0 评论 -
【笔记】《Bootstrap实战》——附录B 实现响应式图片
文章目录选择方案准备响应式图片使用JS选择方案Choosing A Responsive Image Solution — Smashing Magazine选择Scott Jehl的Picturefill技术picturefill | BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务响应式图片填充工具picturefill-CSDN博客scottje...原创 2020-04-14 18:43:13 · 274 阅读 · 0 评论 -
【笔记】《Bootstrap实战》——附录A 优化站点资源
文章目录一、优化图片二、优化css三、优化JS一、优化图片Photoshop,保存为Web格式工具:http://www.smushit.com/ysmush.it/https://tinypng.com/RIOT for Windows二、优化css在__main.less中注释掉不必要的less文件,只留下需要的注释掉之后重新编译,全面测试测试没有问题,选中编...原创 2020-04-14 18:40:26 · 212 阅读 · 0 评论 -
【笔记】《Bootstrap实战》——第6章 单页营销网站
文章目录一、概况二、初始文件三、了解页面内容四、调整导航条五、定制高清图六、美化功能列表七、装饰用户评论区1.定位及美化说明2.调整说明元素的位置3.添加 Bootstrap 的网格类4.下载并链接 JavaScript 插件5.初始化 Masonry 插件6.切齐图片7.适应小微屏幕八、吸引人的价目表1.准备变量、文件和标记2.表格头3.表体和表脚4.为不同的价目表添加不同的样式5.适配小视口6...原创 2020-04-14 18:35:18 · 1465 阅读 · 4 评论 -
【笔记】《Bootstrap实战》——第5章 电子商务网站
文章目录一、商品页的标记二、面包屑、页面标题和分页导航三、调整商品网格四、侧边栏和筛选选项1.基本布局2.Clearance Sale按钮3.选项列表4.为选项链接添加Font Awesome图标复选框5.使用LESS混入在栏中对齐选项6.针对平板和手机调整选项列表布局7.在手机上折叠选项面板构建了公司网站之后,接下来就可以考虑设计一个在线商店了。此次的设计以上一章的设计为基础, 只是添加...原创 2020-04-14 18:30:57 · 1642 阅读 · 0 评论 -
【实战】教你如何使用 Bootstrap 搭建一个企业网站——《Bootstrap实战》
文章目录一、准备启动文件1.完成之前的效果:2.完成之后的效果3.文件清单4.本章目标二、页头区1.需要完成的效果特性:2.将Logo放在导航条上方3.调整导航条三、添加实用导航1.要实现的效果2.添加代码和样式四、调整响应式导航五、调整配色六、调整折叠后的导航条配色1.调整响应式导航条2.调整水平导航条七、设计复杂的响应式布局1.调整中、宽布局2.调整标题、字体大小和按钮3.增大主栏4.调整第三...原创 2020-04-14 18:15:53 · 3293 阅读 · 1 评论 -
【笔记】《Bootstrap实战》——第3章 WordPress主题【自】
文章目录一、导航部分1.引入 bootstrap 和 jquery2.添加导航二、添加首页内容1.上传并处理图片2.添加首页内容三、自定义页面模板四、理解Roots的基准模板五、创建自定义的基本模板六、在自定义结构中使用自定义栏目七、创建自定义的内容模板八、通过自定义栏目构建传送带九、加入页脚内容十、更换我们的assets资源wordpress主题添加资源文件(js、css)还是不熟悉一、导航...原创 2020-04-14 16:56:52 · 652 阅读 · 0 评论 -
【实战】《Bootstrap实战》——第1章 初识Bootstrap
文章目录一、下载二、准备项目模板文件夹1.下载2.文件目录3.删除不必要的样本文件4.理解样本中的.htaccess文件5.更新必要的样本文件6.更新图标文件三、加入Bootstrap文件1.字体2.JavaScript3.暂不考虑css文件4.复制less文件5.盘点四、构造HTML模板1.原有代码2.新增代码3.编译less文件4.完成响应式导航条5.支持IE8五、小结一、下载http...原创 2020-04-14 15:35:50 · 741 阅读 · 0 评论 -
【实战】《Bootstrap实战》——第2章 作品展示站点
文章目录@[toc]一、搭建传送带(轮播图)1.主要代码2.使用说明二、创建响应式分栏1.网格系统引入2.使用说明三、链接转按钮1.关键类说明2.代码四、理解LESS1.[嵌套(Nesting)](https://less.bootcss.com/#-nesting-)2.[变量(Variables)](https://less.bootcss.com/features/#variables-fe...原创 2020-04-14 15:57:04 · 660 阅读 · 0 评论