Bootstrap实战

副标题:无

作   者:(美)科克伦,(美)惠特利 著,李松峰 译

分类号:

ISBN:9787115388872

微信扫一扫,移动浏览光盘

简介

  基于最新Bootstrap 3.0撰写  五大应用实例,全面掌握Bootstrap使用技巧  学会重编辑LESS文件和使用Bootstrap的JS插件  Bootstrap是前端开发中应用非常广泛的一个框架,最早是Twitter公司内部的一个工具,开源之后迅速得到了各方的认可。《Bootstrap实战》基于最新的Bootstrap 3撰写,在简单介绍了安装与配置之后就直奔主题,分别讨论了个人作品站点、WordPress主题、企业网站、电子商务网站和单页营销网站等几个最具代表性的应用案例,结合这些案例细致地剖析了Bootstrap还有LESS的使用方式和技巧。  《Bootstrap实战》适合所有前端开发人员及个人网站设计者阅读参考。

目录

第1 章 初识Bootstrap
 1.1 数量和质量
  1.1.1 与时俱进
  1.1.2 LESS 的威力
 1.2 下载Bootstrap
 1.3 准备项目模板文件夹
  1.3.1 下载H5BP
  1.3.2 删除不必要的样板文件
  1.3.3 理解样板中的.htaccess 文件
  1.3.4 更新必要的样板文件
  1.3.5 更新站点桌面和触摸设备图标
 1.4 加入Bootstrap 文件
  1.4.1 字体
  1.4.2 JavaScript
  1.4.3 暂时不考虑CSS 文件
  1.4.4 复制LESS 文件
 1.5 大盘点
 1.6 构造HTML 模板
 1.7 设定站点标题
  1.7.1 调整过时的浏览器消息
  1.7.2 设置主结构元素
 1.8 导航条
 1.9 编译和链接默认的Bootstrap CSS
  1.9.1 编译Bootstrap CSS
  1.9.2 完成响应式导航条
  1.9.3 排除故障
  1.9.4 支持IE8
 1.10 小结
第2 章 作品展示站点
 2.1 设计目标
 2.2 查看练习文件
 2.3 搭建传送带
 2.4 创建响应式分栏
 2.5 把链接变成按钮
 2.6 理解LESS
  2.6.1 嵌套规则
  2.6.2 变量
  2.6.3 混入
  2.6.4 运算式
  2.6.5 导入文件
  2.6.6 模块化
 2.7 根据需要定制Bootstrap 的LESS文件
 2.8 添加Logo 图片
 2.9 调整导航项内边距
 2.10 添加图标
 2.11 添加Font Awesome 图标
 2.12 调整导航项图标颜色
 2.13 调整响应式导航条断点
 2.14 调整传送带
  2.14.1 把控件改成使用Font Awesome 图标
  2.14.2 添加上、下内边距
  2.14.3 强制图片全宽
  2.14.4 约束传送带的高度
  2.14.5 重定位指示器
  2.14.6 调整指示器外观
 2.15 调整分栏及其内容
 2.16 修饰页脚
 2.17 接下来做什么
 2.18 小结
第3 章 WordPress 主题
 3.1 下载并重命名Roots 主题
 3.2 安装主题
 3.3 配置导航条
 3.4 添加首页内容
 3.5 自定义页面模板
 3.6 理解Roots 的基准模板
 3.7 创建自定义的基本模板
 3.8 在自定义结构中使用自定义栏目
 3.9 创建自定义的内容模板
  3.9.1 通过自定义栏目构建传送带
  3.9.2 使用自定义栏目构建三栏内容
 3.10 加入页脚内容
 3.11 Roots 的assets 文件夹里有什么
 3.12 更换设计资源
 3.13 链接样式表
 3.14 链接JavaScript 文件
 3.15 为导航条和页脚添加Logo 图片
 3.16 添加图标链接
 3.17 恢复WordPress 特有的样式
 3.18 小结
第4 章 企业网站
 4.1 准备启动文件
 4.2 页头区
  4.2.1 把Logo 放到导航条上方
  4.2.2 调整导航条
 4.3 添加实用导航
 4.4 调整响应式导航
 4.5 调整配色
 4.6 调整折叠后的导航条配色
 4.7 设计复杂的响应式布局
  4.7.1 调整中、宽布局
  4.7.2 调整标题、字体大小和按钮
  4.7.3 增大主栏
  4.7.4 调整第三栏
  4.7.5 针对多个视口进行微调
 4.8 复杂的页脚
  4.8.1 准备标记
  4.8.2 调整布局适应平板
  4.8.3 针对性地清除
  4.8.4 修整细节
 4.9 小结
第5 章 电子商务网站
 5.1 商品页的标记
 5.2面包屑、页面标题和分页导航
 5.3 调整商品网格
 5.4 侧边栏和筛选选项
  5.4.1 基本布局
  5.4.2 Clearance Sale 按钮
  5.4.3 选项列表
  5.4.4 为选项链接添加Font Awesome 图标复选框
  5.4.5 使用LESS 混入在栏中对齐选项
  5.4.6 针对平板和手机调整选项列表布局
  5.4.7 在手机上折叠选项面板
 5.5 小结
第6 章 单页营销网站
 6.1 概况
 6.2 初始文件
 6.3 了解页面内容
 6.4 调整导航条
 6.5 定制高清图
 6.6 美化功能列表
 6.7 装饰用户评论区
  6.7.1 定位及美化说明
  6.7.2 调整说明元素的位置
  6.7.3 添加Bootstrap 的网格类
  6.7.4 下载并链接JavaScript 插件
  6.7.5 初始化Masonry 插件
  6.7.6 切齐图片
  6.7.7 适应小微屏幕
 6.8 吸引人的价目表
  6.8.1 准备变量、文件和标记
  6.8.2 表格头
  6.8.3 表体和表脚
  6.8.4 为不同的价目表添加不同的样式
  6.8.5 适配小视口
  6.8.6 突出重要的表格
 6.9 最后的调整
 6.10 为导航条添加ScrollSpy
 6.11 小结
 附录A 优化站点资源
 附录B 实现响应式图片
 附录C 让传送带支持手势

已确认勘误

次印刷

页码 勘误内容 提交人 修订印次

Bootstrap实战
    • 名称
    • 类型
    • 大小

    光盘服务联系方式: 020-38250260    客服QQ:4006604884

    意见反馈

    14:15

    关闭

    云图客服:

    尊敬的用户,您好!您有任何提议或者建议都可以在此提出来,我们会谦虚地接受任何意见。

    或者您是想咨询:

    用户发送的提问,这种方式就需要有位在线客服来回答用户的问题,这种 就属于对话式的,问题是这种提问是否需要用户登录才能提问

    Video Player
    ×
    Audio Player
    ×
    pdf Player
    ×
    Current View

    看过该图书的还喜欢

    some pictures

    解忧杂货店

    东野圭吾 (作者), 李盈春 (译者)

    loading icon