新書推薦：
《
大洗牌
》
售價：HK$
93.6
《
亚洲经济发展与模式分析
》
售價：HK$
106.8
《
浅尝难止（全2册）
》
售價：HK$
78.0
《
零基础制作栩栩如生的立体纸艺花
》
售價：HK$
58.8
《
第三帝国图文史（修订版）：纳粹德国浮沉实录（彩色精装典藏版）
》
售價：HK$
201.6
《
四大会计师事务所：历史秘辛与未来挑战
》
售價：HK$
82.8
《
中国社会经济史
》
售價：HK$
106.8
《
犯罪心理X档案：法医精神科医生真实办案手记（第一季）法医精神科医师心理解剖手记
》
售價：HK$
57.6
|
| 編輯推薦： |
你是否使用过智能手机浏览真正的网页? 你是否因为自己作为后端程序员而不能开发出较漂亮的页面? 你是否开发过能够同时适应不同分辨率的屏幕的页面?
如果你出现过上述问题并想解决这些问题，那么你可以阅读本书来了解相关的解决方案。
|
| 內容簡介： |
|
Bootstrap 是一个基于 HTML 5 和 CSS 3 的前端开发框架，它提供了较为丰富的 Web 组件，能够 快速制作一个漂亮的 Web 页面。 本书主要围绕Bootstrap框架，讲述了Bootstrap布局、Bootstrap表单元素、Bootstrap导航、Bootstrap 内置组件、Bootstrap 对 JavaScript 的支持，以及 HTML 5 和 CSS 3 的一些基础知识等
|
| 關於作者： |
贺臣，软件开发工程师，现就职于上海某知名地产企业，曾合伙创办一家软件服务公司，对生产制造、物流仓库等领域颇有见解；在ASP.NET、jQuery、BootStrap\Angularjs、SQL Server、软件架构等技术领域也多有涉及，业余喜欢户外登山，整理技术相关的博客。
作者博客： http:www.cnblogs.comqingyuan
|
| 目錄：
|
VI Bootstrap基础教程
目录
第一部分 Bootstrap 布局
1 Bootstrap 是什么 .............................. 2
1.1 Bootstrap 简述 ............................ 2
1.2 如何使用 Bootstrap ..................... 3
1.3 包含内容 ...................................... 4
1.4 简单模板 ...................................... 5
1.5 简单实例 ...................................... 6
2 网格系统 ........................................... 9
2.1 实现原理 ...................................... 9
2.2 工作原理 ...................................... 9
2.3 基本用法 ..................................... 11
2.4 列偏移 .........................................12
2.5 列排序 .........................................13
2.6 列嵌套 .........................................15
3 排版 ................................................ 16
3.1 标题 .............................................16
3.1.1 大标题 ............................16
3.1.2 小标题 ........................... 18
3.2 段落 ............................................ 19
3.3 mark 标签 ................................... 19
3.4 del 和 s 标签 ............................... 19
3.5 ins 和 u 标签 .............................. 20
3.6 strong 和 b 标签 ......................... 20
3.7 em 和 i 标签 ............................... 21
3.8 文本对齐方式 ............................ 21
3.9 字母大小写 ................................ 22
3.10 abbr 标签的 title 属性 .............. 23
3.11 引用样式 .................................. 23
3.12 列表 .......................................... 23
3.12.1 有序列表和无序列表 ... 24
3.12.2 去点列表 ..................... 24
3.12.3 内联列表 ..................... 25
3.12.4 定义列表 ..................... 25
3.12.5 水平列表 ..................... 25
3.13 代码 .......................................... 27
3.14 表格 .......................................... 28
目录 VII
3.14.1 基础表格 ......................28
3.14.2 斑马线 ..........................29
3.14.3 表格边框 ......................30
3.14.4 高亮行 ..........................31
3.14.5 紧凑型表格 ..................33
3.14.6 响应式表格 ..................33
第二部分 Bootstrap 表单元素
4 表单 ................................................ 36
4.1 基础表单 .....................................36
4.1.1 基本实例 ........................36
4.1.2 内联表单 ........................37
4.1.3 水平表单 ........................37
4.2 输入框 .........................................39
4.3 下拉框 .........................................39
4.4 文本域 .........................................40
4.5 多选框和单选框 .........................41
4.6 表单焦点 .....................................42
4.7 表单禁用 .....................................42
4.8 验证样式 .....................................44
4.8.1 颜色提示 ........................44
4.8.2 图标提示 ........................45
4.8.3 文字提示 ........................46
4.9 元素大小 .....................................47
4.9.1 高度 ................................47
4.9.2 宽度 ................................49
4.10 按钮 ...........................................49
4.10.1 基本按钮 ......................49
4.10.2 多标签 ..........................50
4.10.3 按钮风格 ......................51
4.10.4 按钮大小 ......................52
4.10.5 块状按钮 ......................53
4.10.6 激活和禁用 ................. 53
4.11 图片 .......................................... 5
4 4.12 图标 .......................................... 56
4.13 输入框组 .................................. 58
5 下拉菜单 ......................................... 62
5.1 基本用法 .................................... 62
5.2 基本原理 .................................... 63
5.3 分割线 ........................................ 64
5.4 菜单标题 .................................... 64
5.5 对齐方式 .................................... 65
5.6 菜单状态 .................................... 68
6 按钮组 ............................................ 70
6.1 基本按钮组 ................................ 70
6.2 工具栏 ........................................ 71
6.3 按钮组的大小 ............................ 74
6.4 嵌套分组 .................................... 76
6.5 垂直分组 .................................... 77
6.6 等分按钮 .................................... 78
6.7 按钮下拉菜单 ............................ 78
第三部分 Bootstrap 导航
7 导航 ................................................ 84
7.1 导航基础样式 ............................ 84
7.2 选项卡导航 ................................ 86
7.3 Pills 导航 ................................... 86
7.4 垂直导航 .................................... 87
7.5 导航状态 .................................... 88
7.6 自适应导航 ................................ 88
7.7 导航二级菜单 ............................ 89
7.8 面包屑导航 ................................ 90
7.9 导航条 ........................................ 92
VIII Bootstrap 基础教程
7.10 导航条的基本用法 ...................92
7.11 品牌图标 ...................................93
7.12 导航条——表单 .......................94
7.13 导航条——按钮 .......................96
7.14 导航条——文本和链接 ...........97
7.15 导航条中的二级菜单 ...............98
7.16 固定导航条 ...............................99
7.17 响应式导航条 ......................... 101
7.18 反色导航条 ............................. 103
7.19 分页导航 ................................. 104
7.20 标签和徽章 ............................. 107
第四部分 Bootstrap 内置组件
8 内置组件 ....................................... 112
8.1 面板 ........................................... 112
8.1.1 基础应用 ...................... 113
8.1.2 面板的标题和脚注 ...... 114
8.1.3 基础样式 ...................... 114
8.1.4 嵌套表格 ...................... 116
8.1.5 嵌套列表 ...................... 118
8.2 缩略图 ....................................... 119
8.3 巨幕 ........................................... 122
8.4 页头 ........................................... 123
8.5 提示框 ....................................... 124
8.6 进度条 ....................................... 127
8.6.1 基础进度条 .................. 127
8.6.2 显示进度 ...................... 127
8.6.3 彩色进度条 .................. 129
8.6.4 条纹进度条 .................. 130
8.6.5 堆叠效果 ...................... 131
8.7 媒体对象 ................................... 132
8.7.1 基本构成 ...................... 132
8.7.2 对齐方式 ..................... 133
8.7.3 嵌套对象 ..................... 134
8.7.4 媒体列表组 ................. 135
8.8 列表组 ...................................... 136
8.8.1 基础列表组 ................. 136
8.8.2 带徽章的列表组 ......... 137
8.8.3 链接列表组 ................. 138
8.8.4 其他元素的支持 ......... 139
8.8.5 状态设置 ..................... 141
8.8.6 列表组主题 ................. 143
第五部分 Bootstrap 对 JavaScript 的支持
9 JavaScript 支持 ............................ 146
9.1 插件库说明 .............................. 146
9.2 编程方式 .................................. 147
9.2.1 data-*属性 ................... 147
9.2.2 编程方式 API .............. 149
9.2.3 命名空间冲突 ............. 149
9.2.4 事件 ............................. 149
9.2.5 版本 ............................. 150
9.3 过渡效果 .................................. 150
9.4 对话框 ...................................... 152
9.4.1 对话框结构 ................. 152 br
|
| 內容試閱：
|
1 Bootstrap 是什么
随着互联网技术的发展，以及现在的移动互联网风靡全球，现在的网页已经不是过去那么的简单和纯粹。除了追求功能业务的实现外，现在的网页更多的是追求页面的美观、人性化、便捷等。随着移动设备的普及，CSS 3 大行其道，HTML 5 标准的制定使得前端技术更加受人重视，这几年出现了很多优秀的前端框架，极大地方便了程序的开发，其中Bootstrap 就是其中一个非常优秀的前端框架。
Bootstrap 严格上说是一个CSS 框架，在过往的开发中前端对于.NET、Java 等后端开发人员来说是一件非常痛苦的事情。Bootstrap 对后端开发人员来说绝对是一个福音，只要了解Bootstrap 的基本用法，即使没有前端开发人员，你也可以做出一个非常漂亮的页面来。
本章主要讲解Bootstrap 的历史由来，如何在项目中使用Bootstrap，以及Bootstrap 框架中包含的内容。
1.1 Bootstrap 简述
Bootstrap 是一款来自Twitter 的前端框架。Bootstrap 基于HTML、CSS、JavaScript，因为它的简单灵活使得Web 开发更加快捷。2010 年6 月，为了提高内部的协调性和工作效率，Twitter 公司的设计师Mark Otto 和Jacob Thornton 合作开发了Bootstrap，它是由动态CSS 语言Less 写成。Bootstrap 推出之后，其优雅的HTML 和CSS 规范受到广大Web 开发者的热烈欢迎。如今Bootstrap 已经发展到1 Bootstrap 是什么 3十多个组件，并且开源托管在GitHub 上，托管地址：https:github.com twbsbootstrap。
Bootstrap 是基于HTML 5 和CSS 3 开发的，而在V3.0 版本（本书涉及的案例都以V3.3.4版本为基础）之后对响应式布局有了更好的支持。jQuery 是Bootstrap 各种组件的基础，并且Bootstrap 能够很好地兼容各种jQuery 插件。Bootstrap 中包含了丰富的Web 组件，根据这些组件，可以快速地搭建一个漂亮、功能完备的网站和管理系统。Bootstrap 包含的组件如下：字体图标、下拉菜单、按钮组、按钮式下拉菜单、输入框组、导航、导航条、分页、标签、徽章、巨幕、页头、缩略图、提示框、进度条、媒体对象、列表组、面板、对话框等。同时Bootstrap 也提供较为丰富的jQuery插件，比如过渡效果、对话框、下拉菜单、滚动监听、标签页和提示框等一系列插件，在后续的文章中会逐步讲解其用法。
1.2 如何使用Bootstrap
Bootstrap 提供了三种不同的方式帮助你快速开发，每种方式可根据开发者的能力和使用场景而定，具体如下。
? 用户生产环境的Bootstrap：下载包为编译并且压缩后的CSS、JavaScript 和字体文件，不包含文档和源码文件。
? Bootstrap 源码：包含Less、JavaScript 和字体文件的源码等。
? Sass：这是Bootstrap 从Less 到Sass 的源码移植项目，用于快速地在Rails、Compass或只针对Sass 的项目中引入。
|
|
購物車/收銀台(
0
) | 在線留言板
| 付款方式
| 運費計算
| 聯絡我們
| 幫助中心 |
加入書簽
HOME
新書上架
