当前位置:首页 > 程序设计 >
《Bootstrap实战》电子书封面

Bootstrap实战

  • 发布时间:2020年05月26日 11:40:49
  • 作者:成林
  • 大小:23.9 MB
  • 类别:Bootstrap电子书
  • 格式:PDF
  • 版本:高清版
  • 评分:7.6

    Bootstrap实战 PDF 高清版

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

      内容介绍

      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从入门到精通

      展开 +

      收起 -

      下载地址:百度网盘下载
      Bootstrap相关电子书
      响应式网页设计:Bootstrap开发速成
      响应式网页设计:Bootstrap开发速成 影印完整版

      本书从认识响应式网页设计与Bootstrap开始,详解网站的开发流程、响应式网页的设计思维、SEO设置以及网页设计趋势,导入视觉设计与网页制作两个不同领域的专业知识,并提供120多个Bootstr

      立即下载
      Bootstrap与jQuery UI框架设计
      Bootstrap与jQuery UI框架设计 高清版

      随着各类移动终端设备的普及 之前针对PC端设计的网站已经无法满足用户的需求 响应式网页设计的概念应运而生。无论用户使用笔记本还是iPad 页面都应该能够自动切换分辨率、图片尺寸及相

      立即下载
      基于Bootstrap和Knockout.js的ASP.NET MVC开发实战
      基于Bootstrap和Knockout.js的ASP.NET MVC开发实战 原书扫描版

      通过本书的实践应用,你将可以学习对ASP.NET MVC服务端语言、Bootstrap前端框架和Knockoutjs——Model-View-ViewModel模式的JavaScript实现的组合使用,感兴趣的可以下载了解

      立即下载
      Bootstrap Web设计与开发实战
      Bootstrap Web设计与开发实战 清晰完整版

      本书全面系统地介绍了Bootstrap框架相关技术在Web和移动Web开发领域的应用,通过提供的示例深入理解Bootstrap框架相关的知识点,举一反三,带你轻松学会简洁、直观、强悍的前端开发框架

      立即下载
      Bootstrap用户手册:设计响应式网站
      Bootstrap用户手册:设计响应式网站 完整超清版

      Bootstrap是Mark Otto和Jacob Thornton在Twitter公司共同开发的一个网站开发框架,2011年8月发布至今已经成为Github上最受关注的开源项目。从最初CSS驱动的项目到目前内置很多JavaScript插件和图标,并且涵盖表单和按钮元素、支持响应式Web设计

      立即下载
      读者留言
      阎涛

      阎涛 提供上传

      资源
      46
      粉丝
      30
      喜欢
      116
      评论
      4

      Copyright 2018-2020 www.xz577.com 码农之家

      版权投诉 / 书籍推广 / 赞助:520161757@qq.com

      idea注册码