亞太傳統月

防曬

養生指南

薯片

拉麵

電飯煲

登入/註冊

繁體中文

English 简体中文繁體中文 한국어 日本語

{{sellerTotalView > 1 ? __("sellers", {number: sellerTotalView}) : __("seller", {number: sellerTotalView}) }}, {{numTotalView > 1 ? __("items", {number: numTotalView}) : __("item", {number: numTotalView}) }}

去購物車結算

Nickname

請告訴我們怎麼更好地稱呼你

更新你的名字

xxxxxxx@yamibuy.com

賬戶訂單收藏

積分 0

優惠券 0

禮品卡餘額 $0.00

退出登入

切換配送區域

不同區域的庫存和配送時效可能存在差異。

歷史郵編

我們將在商品到貨後第一時間通知你。

商品到貨後將發送通知至： {{remindEmail}}

取消

京東圖書

Bootstrap 基础教程

去購物車結算

{{buttonTypePin == 3 ? __("Scan to view more PinGo") : __("Scan to start")}}

圖書電腦與網際網路網頁製作

京東圖書

Bootstrap 基础教程

Name: Bootstrap 基础教程
Brand: 京東圖書
SKU: 3118223911
Price: 46.77 USD
Availability: OutOfStock

{{__(":people-members", {'people': item.limit_people_count})}} {{ itemCurrency }}{{ item.valid_price }} {{ itemCurrency }}{{ item.invalid_price }} {{ itemDiscount }}

後結束

{{ itemCurrency }}{{ priceFormat(item.valid_price / item.bundle_specification) }}/{{ item.unit }}

{{ itemCurrency }}{{ item.valid_price }} {{ itemCurrency }}{{ priceFormat(item.valid_price / item.bundle_specification) }}/{{ item.unit }} {{ itemCurrency }}{{ item.invalid_price }} {{itemDiscount}}

後結束促銷

後開始秒殺後結束秒殺

{{ __( "Pay with Gift Card to get sale price: :itemCurrency:price", { 'itemCurrency' : itemCurrency, 'price' : (item.giftcard_price ? priceFormat(item.giftcard_price) : '0.00') } ) }} ({{ itemCurrency }}{{ priceFormat(item.giftcard_price / item.bundle_specification) }}/{{ item.unit }}) 詳情

商品有效期

已下架

我們不知道該商品何時或是否會重新有庫存。

當前地址無法配送

已售完

商品描述

展開全部描述

Editer Recommend

你是否使用过智能手机浏览真正的网页？你是否因为自己作为后端程序员而不能开发出较漂亮的页面？你是否开发过能够同时适应不同分辨率的屏幕的页面？
如果你出现过上述问题并想解决这些问题，那么你可以阅读本书来了解相关的解决方案。

全书源代码免费下载：www.broadview.com.cn/27974

Content Description

Bootstrap 是一个基于HTML 5 和CSS 3 的前端开发框架，它提供了较为丰富的Web 组件，能够快速制作一个漂亮的Web 页面。
《Bootstrap 基础教程》主要围绕Bootstrap 框架，讲述了Bootstrap 布局、Bootstrap 表单元素、Bootstrap 导航、Bootstrap内置组件、Bootstrap 对JavaScript 的支持，以及HTML 5 和CSS 3 的一些基础知识等。《Bootstrap 基础教程》是为从未接触过Bootstrap 但又想了解学习Bootstrap 技术的读者而编写的，适合以下人群阅读：
熟悉JSP、PHP、ASP.NET 等后端Web 技术的开发人员；
对HTML 和CSS 有一定了解的UI 设计师；
对移动Web 开发有浓厚兴趣的开发者；
有一定JavaScript（jQuery）开发经验的前端开发人员。

Author Description

贺臣，软件开发工程师，现就职于上海某知名地产企业，曾合伙创办一家软件服务公司，对生产制造、物流仓库等领域颇有见解；在ASP.NET、jQuery、BootStrap\Angularjs、SQL Server、软件架构等技术领域也多有涉及，业余喜欢户外登山，整理技术相关的博客。

Catalogue

第一部分 Bootstrap 布局 1 Bootstrap 是什么 2 1．1 Bootstrap 简述 21．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 排版 163．1 标题 163．1．1 大标题 16 3．1．2 小标题 18 3．2 段落 193．3 mark 标签 193．4 del 和 s 标签 193．5 ins 和 u 标签 20 3．6 strong 和 b 标签 20 3．7 em 和 i 标签 213．8 文本对齐方式 213．9 字母大小写 22 3．10 abbr 标签的 title 属性 23 3．11 引用样式 23 3．12 列表 23 3．12．1 有序列表和无序列表 24 3．12．2 去点列表 24 3．12．3 内联列表 253．12．4 定义列表 253．12．5 水平列表 25 3．13 代码 273．14 表格 28 目录 VII 3．14．1 基础表格 283．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 基本实例 364．1．2 内联表单 37 4．1．3 水平表单 37 4．2 输入框 394．3 下拉框 394．4 文本域 404．5 多选框和单选框 41 4．6 表单焦点 42 4．7 表单禁用 42 4．8 验证样式 44 4．8．1 颜色提示 444．8．2 图标提示 45 4．8．3 文字提示 46 4．9 元素大小 47 4．9．1 高度 47 4．9．2 宽度 49 4．10 按钮 494．10．1 基本按钮 494．10．2 多标签 50 4．10．3 按钮风格 51 4．10．4 按钮大小 52 4．10．5 块状按钮 53 4．10．6 激活和禁用 53 4．11 图片 54 4．12 图标 56 4．13 输入框组 58 5 下拉菜单 625．1 基本用法 625．2 基本原理 635．3 分割线 645．4 菜单标题 64 5．5 对齐方式 65 5．6 菜单状态 68 6 按钮组 706．1 基本按钮组 70 6．2 工具栏 71 6．3 按钮组的大小 74 6．4 嵌套分组 76 6．5 垂直分组 77 6．6 等分按钮 78 6．7 按钮下拉菜单 78 第三部分 Bootstrap 导航 7 导航 847．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 导航条的基本用法 927．11 品牌图标 93 7．12 导航条――表单 947．13 导航条――按钮 967．14 导航条――文本和链接 977．15 导航条中的二级菜单 98 7．16 固定导航条 997．17 响应式导航条 1017．18 反色导航条 1037．19 分页导航 1047．20 标签和徽章 107 第四部分 Bootstrap 内置组件 8 内置组件 1128．1 面板 1128．1．1 基础应用 113 8．1．2 面板的标题和脚注 1148．1．3 基础样式 114 8．1．4 嵌套表格 1168．1．5 嵌套列表 118 8．2 缩略图 1198．3 巨幕 1228．4 页头 1238．5 提示框 124 8．6 进度条 127 8．6．1 基础进度条 127 8．6．2 显示进度 1278．6．3 彩色进度条 1298．6．4 条纹进度条 1308．6．5 堆叠效果 1318．7 媒体对象 132 8．7．1 基本构成 132 8．7．2 对齐方式 133 8．7．3 嵌套对象 134 8．7．4 媒体列表组 1358．8 列表组 136 8．8．1 基础列表组 136 8．8．2 带徽章的列表组 137 8．8．3 链接列表组 1388．8．4 其他元素的支持 1398．8．5 状态设置 1418．8．6 列表组主题 143 第五部分 Bootstrap 对 JavaScript 的支持 9 JavaScript 支持 1469．1 插件库说明 1469．2 编程方式 1479．2．1 data-*属性 147 9．2．2 编程方式 API 149 9．2．3 命名空间冲突 1499．2．4 事件 1499．2．5 版本 1509．3 过渡效果 150 9．4 对话框 1529．4．1 对话框结构 152 9．4．2 对话框的特点 153 9．4．3 弹出框触发方式 156 9．4．4 过渡效果 1589．4．5 触发参数 data-* 1599．4．6 JavaScript触发―― 参数 161 9．4．7 JavaScript触发―― 方法 163 目录 IX 9．4．8 JavaScript触发―― 事件 165 9．5 下拉菜单 167 9．5．1 声明式触发 167 9．5．2 JavaScript 触发 1689．5．3 事件 1699．6 监听滚动 171 9．6．1 组件说明 171 9．6．2 滚动监听实现步骤 1719．6．3 声明式触发 1739．6．4 JavaScript 触发 1759．7 Tab 选项卡 176 9．7．1 选项卡的组成 1779．7．2 声明式触发 1789．7．3 JavaScript 触发 1809．7．4 Pills 导航 181 9．7．5 过渡效果 181 9．7．6 事件 1829．8 Tip 提示 1849．8．1 结构 185 9．8．2 JavaScript 触发 185 9．8．3 data-*属性 187 9．8．4 JavaScript 触发参数 188 9．8．5 事件 189 9．9 提示框 1909．9．1 alert 结构 190 9．9．2 声明式触发 191 9．9．3 JavaScript 触发 192 9．9．4 事件 193 9．10 Popover 弹出框 1939．10．1 弹出框结构 194 9．10．2 声明式属性 194 9．10．3 JavaScript 方式触发 195 9．10．4 事件 197 9．11 按钮 1989．11．1 按钮加载状态 1989．11．2 单选按钮 1999．11．3 多选按钮 2009．11．4 方法 2019．12 折叠/手风琴 Collapse 203 9．12．1 结构 204 9．12．2 声明式触发 2059．12．3 方法 207 9．12．4 事件 2089．13 轮播图 209 9．13．1 轮播图构成 210 9．13．2 声明式触发 213 9．13．3 JavaScript 触发 2159．13．4 事件 2169．14 Affix 插件 2169．14．1 声明属性 217 9．14．2 JavaScript 方法 2179．14．3 事件 220 第六部分 HTML和CSS 3的相关知识 10 HTML 元素 22210．1 表单属性 222 10．2 Input 类型 223 10．3 HTML 5 新标签 22610．3．1 role 属性 22610．3．2 header 标签 226 10．3．3 footer 标签 227 10．3．4 nav 标签 22710．3．5 article 标签 228 10．3．6 section 标签 228 X Bootstrap基础教程 11 CSS 3 样式 230 11．1 选择器 230 11．1．1 完全匹配属性选择器 231 11．1．2 包含匹配选择器 231 11．1．3 首字符匹配选择器 23111．1．4 末字符匹配选择器 23111．2 伪类选择器 23211．3 阴影 232 11．4 背景 233 11．5 圆角边框 23511．6 响应式设计 235 11．6．1 什么是响应式设计 235 11．6．2 响应式设计优缺点 236 11．6．3 Viewport 窗口 23611．6．4 Media Queries 语法 236 12 案例 240 12．1 默认样式的不足 240 12．2 日历控件的使用 24212．3 页面显示代码内容 243 12．4 表格插件 24412．5 图表插件 246附录 A Bootstrap 4．0 以及其他 249 A．1 重大更新 249 A．2 重要链接地址 250

Introduction

你是否使用过智能手机浏览真正的网页?
你是否因为自己作为后端程序员而不能开发出较漂亮的页面?
你是否开发过能够同时适应不同分辨率的屏幕的页面?
如果你出现过上述问题并想解决这些问题，那么你可以阅读本书来了解相关的解决方案。
Bootstrap 讨论
现今，移动互联网已经成为热门话题之一。近年来HTML 5 发展迅猛，各大浏览器都开始纷纷支持HTML 5 的标准规范。手机端的浏览器对HTML 5 以及CSS 3 有了很好的支持，使得HTML 5 强大的特性在手机端也得到了很好的应用。
Bootstrap 就是一个基于HTML 5 和CSS 3 的前端开发框架，它提供了较为丰富的Web组件，能够快速制作一个漂亮的Web 页面，同时，在最新版本的Bootstrap 中提倡了以移动优先的响应式布局设计，我们需要编写出能适应不同分辨率的PC 端浏览器以及移动手机端浏览器的代码。也正是如此，才有越来越多的开发者加入Bootstrap 框架的开发行列中来。
为什么写这本书
2015 年绝对是移动开发火热的一年，层出不穷的前端开发框架的出现给开发者提供了很多的便利。iPhone、Android 等智能设备的快速增长，适应更多设备的响应式布局开发也成为了开发的热点之一。Bootstrap 恰恰能够很好地解决相应的问题，这让我不得不喜欢上Bootstrap 这个优秀的前端框架。
作为后端程序开发出身的我，有必要记录下Bootstrap 学习的过程，并且分享给想学习Bootstrap 的同仁。
基于以上原因，我将自己的学习思路以及过程整理成了本书书稿，希望能给初学者带来一定的指导方向，使读者了解Bootstrap，并且能够去使用它。
关于本书
本书主要围绕Bootstrap 框架，讲述如何利用Bootstrap 制作出漂亮的前端页面。本书主要分为以几部分。
第一部分主要讲解了Bootstrap 中的布局，Bootstrap 中提供了网格系统用于页面的基本布局，同时我们也可以利用HTML 元素特性结合CSS 来布局，Bootstrap 对这些元素的默认样式做了一定程度的修改。
第二部分主要讲解了Bootstrap 中的表单元素，Bootstrap 在表单上做了较大的处理，对表单输入元素以及排版上都有一定的控制，使用Bootstrap 可以快速制作一个漂亮的表单。
第三部分主要讲解了Bootstrap 中的导航，在本书中，下拉菜单、按钮、导航条等都归结为导航栏，提供一些功能性的引导作用。Bootstrap 提供了很便捷的方式来开发相应的功能组件。
第四部分主要讲解了Bootstrap 中的一些内置组件，这些组件提供了Web 开发中一些较为常见的使用效果。
第五部分主要讲解了Bootstrap 对JavaScript 的支持，Bootstrap 提供了默认的jQuery 插件去实现一些动态的效果展示。
第六部分主要补充了HTML 5 以及CSS 3 等一些相关知识，这两章主要是对本书Bootstrap 基础知识的补充。
读者对象
本书是为从未接触过Bootstrap 但又想了解学习Bootstrap 技术的读者而编写的，如果你有一定的HTML、CSS 开发经验，那么你将更加容易掌握本书内容。
如果你是以下几类人群之一，那么你非常适合阅读此书：
熟悉JSP、PHP、ASP.NET 等后端Web 技术的开发人员；
对HTML 和CSS 有一定了解的UI 设计师；
对移动Web 开发有浓厚兴趣的开发者；
有一定JavaScript（jQuery）开发经验的前端开发人员。
致谢
在本书的写作过程中，得到了很多Web 开发人员的悉心帮助，在此对给予本书帮助的同仁以及各大社区网站表示诚挚的感谢。
由于本人水平有限，因此在本书编写过程中可能存在表述不清或者认识不全面等问题，敬请读者批评指正。作者的联系邮箱为821865130@qq.com，真诚希望能与各位读者共同交流、共同进步。

規格參數

品牌

京東圖書

品牌屬地

China

免責聲明

產品價格、包裝、規格等資訊如有調整，恕不另行通知。我們盡量做到及時更新產品資訊，但請以收到實物為準。使用產品前，請始終閱讀產品隨附的標籤、警告及說明。

查看詳情

加入收藏

{{ $isZh ? coupon.coupon_name_sub : coupon.coupon_ename_sub | formatCurrency }}

詳情

數量

{{buttonTypePin == 3 ? __("Scan to view more PinGo") : __("Scan to start")}}

由 JD@CHINA 銷售

送至

滿69免運費

正品保證

查看詳情

地區

已加入購物車

繼續逛逛

為你推薦

優惠券

領取已領取已領完

即將過期： {{ formatTime(coupon.use_end_time) }}

分享給好友

取消

亞米禮卡專享價

使用禮卡支付即可獲得禮卡專享價

規則說明

禮卡專享價是部分商品擁有的特殊優惠價格；

購買禮卡專享價商品時，若在結算時使用電子禮卡抵扣支付，且禮卡餘額足夠支付訂單中所有禮卡專享價商品的專享價總和，則可以啟用禮卡專享價；

不使用禮卡支付，或禮卡餘額不滿足上一條所述要求時，將無法啟用禮卡專享價，按照普通售價計算，但您仍然可以購買這些商品；

在購買禮卡專享價商品時，若餘額不足，可以在購物車或結算頁中點擊“充值”按鈕對禮卡進行購買和充值；

商品若擁有禮卡專享價，會顯示“專享”的特殊價格標記；

如有疑問，請隨時聯繫客服；

禮卡專享價相關規則最終解釋權歸亞米所有。

由亞米銷售

服務保障

滿$49免運費

無憂退換

從美國出貨

配送資訊

美國

標準配送 $5.99（不含阿拉斯加，夏威夷），最終價滿$49免運費

本地配送$5.99(加州，紐約州，新澤西，麻省和賓夕法尼亞，以上州部分地區);最終價滿$49免運費

兩日達（含阿拉斯加夏威夷）運費19.99美元起

退換政策

亞米網希望為我們的客戶提供最優秀的售後服務，讓所有人都能放心在亞米購物。亞米自營商品在滿足退換貨條件的情況下，可在收到包裹的30天之內退換商品（食品因商品質量問題7天內可退換；為了確保每位客戶都能獲得安全和高質量的商品，對於美妝類產品，一經開封或使用即不提供退款或退貨服務，質量問題除外；其他特殊商品需聯繫客服諮詢）。
感謝您的理解和支持。

查看詳情

由亞米銷售

亞米電子禮品卡使用規則

若購買時選擇自動儲值，訂單完成後禮品卡將自動儲值至您的帳戶；

若購買時選擇發送郵件，訂單完成後系統將自動發送卡號和密碼到您填寫的郵箱；

寄送郵件時，任何使用者均可使用郵件中的卡號密碼進行禮卡儲值，請妥善保管郵件資訊。

如接收郵件遇到問題，請聯絡客服處理；

發送郵件時，若禮卡沒有被兌換，可以補發郵件。若已經被其他用戶兌換，無法補償；

亞米網電子禮卡可用於購買自營或第三方商品；

亞米網電子禮卡沒有有效期限限制，長期有效；

亞米網電子禮卡的金額，可分多次使用；

亞米網電子禮卡業務規則，最終解釋權歸亞米網所有。

退換政策

已消費的電子禮卡不支持退款。

由 JD@CHINA 銷售

亞米發貨

服務保障

滿$49免運費

最優售後

美國本土出貨

配送資訊

美國

標準配送 $5.99（不含阿拉斯加，夏威夷），最終價滿$49免運費

本地配送$5.99(加州，紐約州，新澤西，麻省和賓夕法尼亞，以上州部分地區);最終價滿$49免運費

兩日達（含阿拉斯加夏威夷）運費19.99美元起

退換政策

提供30天內退還保障。產品需全新未使用原包裝內，並附有購買憑證。產品品質問題、或錯發漏發等,由商家造成的失誤，將進行補發,或退款處理。其它原因需退貨費用由客戶自行承擔。

由 JD@CHINA 銷售

Yami-China FC

服務保障

跨店滿$69免運費

30天退換保障

亞米-中國集運倉

由亞米從中國精選並集合各大優秀店舖的商品至亞米中國整合中心，合併包裹後將一次合包跨國郵寄至您的地址。跨店包郵門檻低至$69。您將在多商家集合提供的廣泛選購商品中選購商品，輕鬆享有跨店鋪包郵後的低郵資。

退換政策

提供30天內退換保障。產品需在全新未使用的原包裝內，並附有購買憑證。產品品質問題、錯發、或漏發等商家造成的失誤，將進行退款處理。其它原因造成的退換貨郵費客戶將需要自行承擔。由於所有商品均長途跋涉，偶有簡易外包壓磨等但不涉及內部品質問題者，不予退換。

配送資訊

亞米中國集運 Consolidated Shipping 運費$9.99（訂單滿$69 包郵）

下單後2個工作天中國商家出貨，所有包裹抵達亞米中國整合中心（除特別情況及中國境內個別法定假日外）會合併包裹後透過UPS發往美國。 UPS從中國出貨後到美國境內的平均時間為10個工作天左右，可隨時根據直發單號追蹤查詢。受疫情影響，目前物流可能延遲5天左右。包裹需要客人簽收。如未簽收，客人須承擔包裹遺失風險。

由 JD@CHINA 銷售

服務保障

滿69免運費

正品保證

配送資訊

Yami Consolidated Shipping 運費$9.99（訂單滿$69包郵）

Seller will ship the orders within 1-2 business days. The logistics time limit is expected to be 7-15 working days. In case of customs clearance, the delivery time will be extended by 3-7 days. The final receipt date is subject to the information of the postal company.

積分規則

不參加任何折扣活動以及亞米會員積分制度。

退換政策

下載亞米應用

意見反饋

返回頂部

評論{{'('+ commentList.posts_count + ')'}}

分享您的感受，幫助更多用戶做出選擇。

撰寫評論

{{i}}星

{{i}} 星

{{ parseInt(commentRatingList[i]) }}%

{{ showTranslate(comment) }}收起

{{ strLimit(comment,800) }}查看全部

Show Original

{{ formatTime(comment.in_dtm) }} 已購買 {{groupData}}

{{ comment.likes_count }} {{ comment.likes_count }} {{ comment.reply_count }} {{comment.in_user==uid ? __('Delete') : __('Report')}}

{{ showTranslate(comment) }}收起

{{ strLimit(comment,800) }}查看全部

Show Original

{{ formatTime(comment.in_dtm) }} 已購買 {{groupData}}

{{ comment.likes_count }} {{ comment.likes_count }} {{ comment.reply_count }} {{comment.in_user==uid ? __('Delete') : __('Report')}}

暫無符合條件的評論~

更多評論

評論詳情

{{ showTranslate(commentDetails) }}收起

{{ strLimit(commentDetails,800) }}查看全部

Show Original

{{ formatTime(commentDetails.in_dtm) }} 已購買 {{groupData}}

請輸入內容

回覆{{'(' + replyList.length + ')'}}

{{ reply.reply_user_name }}回覆{{ reply.parent_user_name }}

{{ showTranslate(reply) }}收起

{{ strLimit(reply,800) }}查看全部

Show Original

請輸入內容

取消

這是到目前為止的所有評論！

發表評論

商品評分

請輸入評論

一個好的暱稱，會讓你的評論更受歡迎！
修改了這裡的暱稱，個人資料中的暱稱也將被修改。

感謝你的評論

你的好評可以幫助我們的社區發現更好的亞洲商品。