Bootstrap实战

给大家带来的一篇关于Bootstrap相关的电子书资源，介绍了关于Bootstrap、Bootstrap实战方面的内容，本书是由机械工业出版社出版，格式为PDF，资源大小23.9 MB，成林编写，目前豆瓣、亚马逊、当当、京东等电子书综合评分为：9.8。

内容介绍

Bootstrap实战书是现阶段目前市面上罕见的实战演练类Bootstrap书籍，本书根据五个真正、实际、新鲜，又有象征性的新项目实例，解读了Bootstrap的各种各样特点和使用方法。五个实例循序渐进，既分别单独，又一环扣一环，丰富多彩的编码，精致的插画图片，再加认真细致的表述，让读者非常容易入门，不经意间中就能把握全部关键定义，踏入Bootstrap大神队伍。这书解读了下列5种种类的网址：本人著作网址、WordPress主题、企业门户网页页面、线上电商网站和宣传单页营销型网站。

除开让人震撼的新项目实例，这书还向读者介绍了许多好用软件、架构，及其前端工程师的工作内容，这种专业知识和技术性并不限于Bootstrap。非常地，作者用非常篇数介绍了LESS的基本概念和操作方法，让即便从没触碰过LESS的人也可以觉得得心应手。除此之外，本书每章还各自介绍了HTML5Boilerplate、FontAwesome、Respond.js、Masonry、Scroll-Spy，及其Roots的WordPress起动主题，让读者无须白手起家创业也可以完成各种各样炫酷实际效果。

这书附则还介绍了为得到更快网络速度而对网站資源开展提升、完成响应式网站图片，及其为图片输送带加上手式的技术性。作者出示的新项目编码也十分详细、清楚，每一章都是有相对的刚开始和进行文件夹名称，便捷读者参照应用。

这书合适有一定HTML/CSS基本的开发者和发烧友阅读文章学习培训，阅历丰富的开发者还可以把它作为参照。

目录

• 第1章　初识Bootstrap　　1
• 1.1 数量和质量　　1
• 1.1.1 与时俱进　　1
• 1.1.2 LESS的威力　　2
• 1.2 下载Bootstrap　　2
• 1.3 准备项目模板文件夹　　4
• 1.3.1 下载H5BP　　4
• 1.3.2 删除不必要的样板文件　　4
• 1.3.3 理解样板中的.htaccess文件　　5
• 1.3.4 更新必要的样板文件　　5
• 1.3.5 更新站点桌面和触摸设备图标　　5
• 1.4 加入Bootstrap文件　　5
• 1.4.1 字体　　6
• 1.4.2 JavaScript　　6
• 1.4.3 暂时不考虑CSS 文件　　9
• 1.4.4 复制LESS文件　　9
• 1.5 大盘点　　9
• 1.6 构造HTML模板　　10
• 1.7 设定站点标题　　12
• 1.7.1 调整过时的浏览器消息　　12
• 1.7.2 设置主结构元素　　13
• 1.8 导航条　　14
• 1.9 编译和链接默认的Bootstrap CSS　　15
• 1.9.1 编译Bootstrap CSS　　15
• 1.9.2 完成响应式导航条　　17
• 1.9.3 排除故障　　19
• 1.9.4 支持IE8　　20
• 1.10 小结　　21
• 第2章　作品展示站点　　23
• 2.1 设计目标　　23
• 2.2 查看练习文件　　26
• 2.3 搭建传送带　　28
• 2.4 创建响应式分栏　　30
• 2.5 把链接变成按钮　　31
• 2.6 理解LESS　　32
• 2.6.1 嵌套规则　　32
• 2.6.2 变量　　33
• 2.6.3 混入　　33
• 2.6.4 运算式　　34
• 2.6.5 导入文件　　34
• 2.6.6 模块化　　35
• 2.7 根据需要定制Bootstrap的LESS文件　　35
• 2.8 添加Logo图片　　38
• 2.9 调整导航项内边距　　40
• 2.10 添加图标　　41
• 2.11 添加Font Awesome图标　　43
• 2.12 调整导航项图标颜色　　45
• 2.13 调整响应式导航条断点　　47
• 2.14 调整传送带　　47
• 2.14.1 把控件改成使用Font Awesome图标　　48
• 2.14.2 添加上、下内边距　　50
• 2.14.3 强制图片全宽　　50
• 2.14.4 约束传送带的高度　　51
• 2.14.5 重定位指示器　　52
• 2.14.6 调整指示器外观　　54
• 2.15 调整分栏及其内容　　56
• 2.16 修饰页脚　　60
• 2.17 接下来做什么　　62
• 2.18 小结　　63
• 第3章　WordPress主题　　64
• 3.1 下载并重命名Roots主题　　64
• 3.2 安装主题　　66
• 3.3 配置导航条　　69
• 3.4 添加首页内容　　71
• 3.5 自定义页面模板　　75
• 3.6 理解Roots的基准模板　　76
• 3.7 创建自定义的基本模板　　79
• 3.8 在自定义结构中使用自定义栏目　　81
• 3.9 创建自定义的内容模板　　83
• 3.9.1 通过自定义栏目构建传送带　　84
• 3.9.2 使用自定义栏目构建三栏内容　　87
• 3.10 加入页脚内容　　88
• 3.11 Roots的assets文件夹里有什么　　89
• 3.12 更换设计资源　　90
• 3.13 链接样式表　　91
• 3.14 链接JavaScript文件　　92
• 3.15 为导航条和页脚添加Logo图片　　94
• 3.16 添加图标链接　　96
• 3.17 恢复WordPress特有的样式　　97
• 3.18 小结　　99
• 第4章　企业网站　　100
• 4.1 准备启动文件　　103
• 4.2 页头区　　105
• 4.2.1 把Logo放到导航条上方　　105
• 4.2.2 调整导航条　　108
• 4.3 添加实用导航　　110
• 4.4 调整响应式导航　　112
• 4.5 调整配色　　115
• 4.6 调整折叠后的导航条配色　　116
• 4.7 设计复杂的响应式布局　　120
• 4.7.1 调整中、宽布局　　122
• 4.7.2 调整标题、字体大小和按钮　　 124
• 4.7.3 增大主栏　　126
• 4.7.4 调整第三栏　　128
• 4.7.5 针对多个视口进行微调　　131
• 4.8 复杂的页脚　　131
• 4.8.1 准备标记　　131
• 4.8.2 调整布局适应平板　　132
• 4.8.3 针对性地清除　　134
• 4.8.4 修整细节　　135
• 4.9 小结　　138
• 第5章　电子商务网站　　139
• 5.1 商品页的标记　　141
• 5.2 面包屑、页面标题和分页导航　　142
• 5.3 调整商品网格　　145
• 5.4 侧边栏和筛选选项　　150
• 5.4.1 基本布局　　152
• 5.4.2 Clearance Sale按钮　　152
• 5.4.3 选项列表　　154
• 5.4.4 为选项链接添加Font Awesome图标复选框　　156
• 5.4.5 使用LESS混入在栏中对齐选项　　159
• 5.4.6 针对平板和手机调整选项列表布局　　159
• 5.4.7 在手机上折叠选项面板　　161
• 5.5 小结　　165
• 第6章　单页营销网站　　166
• 6.1 概况　　166
• 6.2 初始文件　　169
• 6.3 了解页面内容　　169
• 6.4 调整导航条　　170
• 6.5 定制高清图　　171
• 6.6 美化功能列表　　178
• 6.7 装饰用户评论区　　182
• 6.7.1 定位及美化说明　　183
• 6.7.2 调整说明元素的位置　　186
• 6.7.3 添加Bootstrap的网格类　　187
• 6.7.4 下载并链接JavaScript插件　　188
• 6.7.5 初始化Masonry插件　　189
• 6.7.6 切齐图片　　191
• 6.7.7 适应小微屏幕　　194
• 6.8 吸引人的价目表　　194
• 6.8.1 准备变量、文件和标记　　195
• 6.8.2 表格头　　197
• 6.8.3 表体和表脚　　199
• 6.8.4 为不同的价目表添加不同的样式　　200
• 6.8.5 适配小视口　　202
• 6.8.6 突出重要的表格　　205
• 6.9 最后的调整　　209
• 6.10 为导航条添加ScrollSpy　　211
• 6.11 小结　　213
• 附录A　优化站点资源　　214
• 附录B　实现响应式图片　　218
• 附录C　让传送带支持手势　　225

学习笔记

详解react使用react-bootstrap当轮子造车

上一篇我们谈了谈如何配置react的webpack环境 react入门之搭配环境（一） 可能很多人已经打开过官方文档学习了react的基础知识 不管有没有，在介绍react之前，我想先介绍一下react-bootstrap 先懂得使用别人造的轮子，就能更快成为老司机。 好的，源代码奉上： git clone https://github.com/lingjiawen/react_bootstrap_demo.gitcd react_bootstrap_demonpm installnpm run dev 打开浏览器输入：localhost:8080 react-bootstrap官方网址 现在就让我们来看看它能干什么吧！ 一、Button 使用Button声明一个按钮，bsSize有如下四个属性，可以分别有大、中、小、超小四种大小的按钮，再用ButtonToolbar包裹起来 ButtonToolbar Button bs bsSize="large"Large button/Button Button……

一个基于flask的web应用诞生 bootstrap框架美化（3）

经过上一章的内容，其实就页面层来说已结可以很轻松的实现功能了，但是很明显美观上还有很大的欠缺，现在有一些很好的前端css框架，如AmazeUI,腾讯的WeUI等等，这里推荐一个和flask集成很好的bootstrap框架 安装框架 在模板中直接引用bootstrap的CDN或者本地路径外，还可以直接应用flask的bootstrap集成包,首先需要对集成包进行安装： pip3.6 install flask-bootstrap 这是一个flask的扩展包，flask的所有扩展包默认默认的包名都为flask.ext打头，同样bootstrap也是如此，首先在default的文件的头部导入包： from flask.ext.bootstrap import Bootstrap 然后对bootstrap进行初始化，修改代码： bootstrap=Bootstrap(app) 初始化之后，就可以使用Jin……

Zend Framework教程之Application和Bootstrap用法详解

本文实例讲述了Zend Framework教程之Application和Bootstrap用法。分享给大家供大家参考，具体如下： 在一个MVC应用程序中，我们需要初始化建立数据库链接，配置视图和视图助手，配置布局，注册相关插件，注册action 助手等等，这些配置和准备工作我们都需要一一完成。有时候可能有一些初始化操作需要，但是在有些情况下这些初始化可能不需要。通过Zend_Application不仅仅可以完成这些操作，而且可以让这些配置和初始化工作更统一有序，重用性更高。 Zend_Application使用可以细分成三种： Zend_Application：加载PHP环境，包括include_paths和自动加载，并实例化引导类。 Zend_Application_Bootstrap：提供引导类的接口。 Z……

使用Bootstrap + Vue.js实现表格的动态展示、新增和删除功能

一、写在前面 1. Bootstrap是一个由 Twitter 开发和维护的前端框架，目前很受欢迎，Bootstrap中文网点击这里。 2. Vue.js 是一套构建用户界面的渐进式框架，点这里访问官网。 二、实现效果： 三、页面引入bootstrap、vue资源 link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" rel="external nofollow" link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" rel="external nofollow" script src="//cdn.bootcss.com/jquery/3.2.1/jquery.min.js"/scriptscript src="//cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"/scriptscript src="//cdn.bootcss.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"/scriptscript src="//cdn.bootcss.com/vue/2.5.8/vue.min.js"/script 这里需……

快速解决select2在bootstrap模态框中下拉框隐藏的问题

修改select2-container--open类 .select2-container--open { z-index: 9999999 !important; } 以上这篇快速解决select2在bootstrap模态框中下拉框隐藏的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持码农之家。 ……

以上就是本次介绍的Bootstrap电子书的全部相关内容，希望我们整理的资源能够帮助到大家，感谢大家对码农之家的支持。

上一篇：胸有成竹！数据分析的SAS EG进阶

下一篇：PHP从入门到精通