【免费】Bootstrap3.3.4中文文档&API.rar资源-CSDN下载

共96个文件

htm：28个

css：23个

jpg：18个

Bootstrap

5星 · 超过95%的资源需积分: 0 119 浏览量更新于2017-07-26 收藏 3.99MB RAR 举报

Bootstrap3.3.4中文文档和API是前端开发者的重要资源，尤其对于那些使用这个流行的响应式框架构建网页的设计师和开发者来说。Bootstrap是Twitter推出的一个开源工具包，它提供了丰富的HTML、CSS和JavaScript组件，帮助用户快速创建美观且响应式的网站。在Bootstrap3.3.4版本中，主要包含以下关键知识点： 1. **栅格系统**：Bootstrap的栅格系统是布局设计的核心，它基于12列的响应式布局，允许开发者创建灵活多变的网页结构。通过使用`.container`、`.row`和`.col-*-*`类，可以轻松实现不同屏幕尺寸下的内容对齐和排列。 2. **组件**：Bootstrap提供了一系列预定义的UI组件，如按钮(.btn)、下拉菜单(.dropdown)、导航栏(.navbar)、表单控件(.form-control)、警告提示(.alert)、模态框(.modal)等，大大简化了网页元素的设计。 3. **JavaScript插件**：除了基础的HTML和CSS，Bootstrap还包括了一些JavaScript插件，如折叠(.collapse)、轮播(.carousel)、滚动spy(.scrollspy)、模态对话框(.modal)等，增强了网页的交互性。 4. **响应式工具**：为了适应各种设备和屏幕尺寸，Bootstrap提供了`.visible-*`、`.hidden-*`类以及媒体查询(@media)，使得开发者可以轻松控制内容在不同设备上的显示方式。 5. **字体图标**：Bootstrap集成了Glyphicons字体图标库，提供了一套矢量图形图标，可以直接用于网页设计，无需额外的图像资源。 6. **定制化**：Bootstrap3.3.4允许用户通过其在线定制器自定义主题颜色、字体大小、栅格行为等，满足个性化需求。 7. **API文档**：压缩包中的API文档详细介绍了每个组件和方法的用法，包括参数、返回值和示例代码，是学习和参考的重要资料。 8. **离线版Bootstrap官网**：这个压缩包还包含了Bootstrap官网的离线版，开发者可以在没有网络的情况下查阅资料和示例，方便快捷。 9. **Chm文件**：CHM（Compiled Help Manual）是一种Windows下的帮助文件格式，包含了HTML和索引，使得开发者可以像使用传统帮助文档一样查找和学习Bootstrap知识。 Bootstrap3.3.4中文文档和API是学习和开发Bootstrap项目的关键资源，无论你是初学者还是经验丰富的开发者，都能从中受益，快速掌握这个强大的前端框架。通过深入理解这些知识点，并结合实践，可以有效地提高网页开发的效率和质量。

收起资源包目录

Bootstrap3.3.4中文文档&API.rar （96个子文件）

Bootstrap3.3.4中文文档&API

Bootstrap3.3.4中文文档

v3.bootcss.com

css

index.htm 313KB

migration

index.htm 30KB

apple-touch-icon.png 6KB

browser-bugs

index.htm 43KB

assets

css

patch.css 432B

docs.min.css 26KB

img

sass-less.png 14KB

devices.png 6KB

components.png 3KB

vendor

holder.js 23KB

ie8-responsive-file-warning.js 598B

ie-emulation-modes-warning.js 2KB

ie10-viewport-bug-workaround.js 694B

customize.min.js 1.55MB

docs.min.js 43KB

flash

ZeroClipboard.swf 2KB

brand

bootstrap-outline.svg 2KB

bootstrap-punchout.svg 2KB

bootstrap-solid.svg 2KB

dist

css

bootstrap-theme.min.css 19KB

index.htm 19KB

about

index.htm 30KB

javascript

index.htm 223KB

examples

navbar-fixed-top

navbar-fixed-top.css 52B

index.htm 5KB

starter-template

index.htm 4KB

starter-template.css 96B

grid

grid.css 362B

index.htm 7KB

cover

index.htm 4KB

cover.css 2KB

navbar-static-top

navbar-static-top.css 78B

index.htm 5KB

signin

signin.css 793B

index.htm 3KB

justified-nav

index.htm 5KB

justified-nav.css 2KB

dashboard

index.htm 10KB

dashboard.css 2KB

screenshots

justified-nav.jpg 77KB

starter-template.jpg 22KB

offcanvas.jpg 110KB

cover.jpg 36KB

blog.jpg 119KB

dashboard.jpg 103KB

grid.jpg 98KB

navbar-static.jpg 39KB

non-responsive.jpg 60KB

carousel.jpg 80KB

jumbotron.jpg 99KB

navbar-fixed.jpg 37KB

sticky-footer.jpg 24KB

sticky-footer-navbar.jpg 38KB

theme.jpg 83KB

navbar.jpg 40KB

jumbotron-narrow.jpg 67KB

sign-in.jpg 13KB

sticky-footer

index.htm 3KB

sticky-footer.css 602B

carousel

carousel.css 2KB

index.htm 12KB

jumbotron-narrow

index.htm 4KB

jumbotron-narrow.css 1KB

sticky-footer-navbar

index.htm 5KB

sticky-footer-navbar.css 678B

non-responsive

non-responsive.css 4KB

index.htm 6KB

theme

theme.css 255B

index.htm 27KB

navbar

navbar.css 90B

index.htm 5KB

blog

blog.css 2KB

index.htm 11KB

jumbotron

jumbotron.css 127B

index.htm 5KB

offcanvas

index.htm 8KB

offcanvas.css 990B

offcanvas.js 140B

components

index.htm 307KB

customize

index.htm 145KB

getting-started

index.htm 102KB

favicon.ico 5KB

cdn.bootcss.com

respond.js

1.4.2

respond.min.js 4KB

bootstrap

3.3.4

css

bootstrap.min.css 115KB

bootstrap-theme.min.css 19KB

fonts

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.woff2 18KB

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.eot 20KB

glyphicons-halflings-regular.svg 106KB

glyphicons-halflings-regular.eot- 20KB

bootstrap.min.js 35KB

html5shiv

3.7.2

html5shiv.min.js 3KB

jquery

1.11.2

jquery.min.js 94KB

doc_index.htm 7KB

Bootstrap-中文-API.chm 2.35MB

身份认证购VIP最低享 7 折!

30元优惠券

资源推荐

资源预览

资源评论

<!DOCTYPE html> <html lang="zh-cn"> <head>  <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Bootstrap - 简洁、直观、强悍、移动设备优先的前端开发框架，让web开发更迅速、简单。"> <meta name="keywords" content="HTML, CSS, JS, JavaScript, framework, bootstrap, front-end, frontend, web development"> <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors"> <meta name="author" content="王赛 <[email protected]>"> <title> 全局 CSS 样式 · Bootstrap 中文文档 </title>  <link href="../../cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" tppabs="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">  <link href="data:text/css;charset=utf-8," data-href="../../cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap-theme.min.css" tppabs="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap-theme.min.css" rel="stylesheet" id="bs-theme-stylesheet"> <link href="../assets/css/patch.css" tppabs="http://v3.bootcss.com/assets/css/patch.css" rel="stylesheet">  <link href="../assets/css/docs.min.css" tppabs="http://v3.bootcss.com/assets/css/docs.min.css" rel="stylesheet">  <script src="../assets/js/ie-emulation-modes-warning.js" tppabs="http://v3.bootcss.com/assets/js/ie-emulation-modes-warning.js"></script>    <link rel="apple-touch-icon" href="../apple-touch-icon.png" tppabs="http://v3.bootcss.com/apple-touch-icon.png"> <link rel="icon" href="../favicon.ico" tppabs="http://v3.bootcss.com/favicon.ico"> <script> var _hmt = _hmt || []; </script> </head> <body> <a id="skippy" class="sr-only sr-only-focusable" href="#content"><div class="container"><span class="skiplink-text">Skip to main content</span></div></a>  <header class="navbar navbar-static-top bs-docs-nav" id="top" role="banner"> <div class="container"> <div class="navbar-header"> <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a href="../index.htm" tppabs="http://v3.bootcss.com/" class="navbar-brand">Bootstrap</a> </div> <nav class="collapse navbar-collapse bs-navbar-collapse"> <ul class="nav navbar-nav"> <li> <a href="../getting-started/index.htm" tppabs="http://v3.bootcss.com/getting-started/">起步</a> </li> <li class="active"> <a href="index.htm" tppabs="http://v3.bootcss.com/css/">全局 CSS 样式</a> </li> <li> <a href="../components/index.htm" tppabs="http://v3.bootcss.com/components/">组件</a> </li> <li> <a href="../javascript/index.htm" tppabs="http://v3.bootcss.com/javascript/">JavaScript 插件</a> </li> <li> <a href="../customize/index.htm" tppabs="http://v3.bootcss.com/customize/">定制</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href="javascript:if(confirm(%27http://job.bootcss.com/ \n\nThis file was not retrieved by Teleport Ultra, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?%27))window.location=%27http://job.bootcss.com/%27" tppabs="http://job.bootcss.com/" onclick="_hmt.push(['_trackEvent', 'docv3-navbar', 'click', 'doc-home-navbar-job'])" target="_blank">高薪工作</a></li> <li><a href="javascript:if(confirm(%27http://expo.bootcss.com/ \n\nThis file was not retrieved by Teleport Ultra, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?%27))window.location=%27http://expo.bootcss.com/%27" tppabs="http://expo.bootcss.com/" onclick="_hmt.push(['_trackEvent', 'docv3-navbar', 'click', 'doc-home-navbar-expo'])" target="_blank">优站精选</a></li> </ul> </nav> </div> </header>  <div class="bs-docs-header" id="content" tabindex="-1"> <div class="container"> <h1>全局 CSS 样式</h1> <p>设置全局 CSS 样式；基本的 HTML 元素均可以通过 class 设置样式并得到增强效果；还有先进的栅格系统。</p> </div> </div> <div class="container bs-docs-container"> <div class="row"> <div class="col-md-9" role="main"> <div class="bs-docs-section"> <h1 id="overview" class="page-header">概览</h1> <p class="lead">深入了解 Bootstrap 底层结构的关键部分，包括我们让 web 开发变得更好、更快、更强壮的最佳实践。</p> <h2 id="overview-doctype">HTML5 文档类型</h2> <p>Bootstrap 使用到的某些 HTML 元素和 CSS 属性需要将页面设置为 HTML5 文档类型。在你项目中的每个页面都要参照下面的格式进行设置。</p> <div class="highlight"><pre><code class="language-html" data-lang="html"><span class="cp"><!DOCTYPE html></span> <span class="nt"><html</span> <span class="na">lang=</span><span class="s">"zh-CN"</span><span class="nt">></span> ... <span class="nt"></html></span></code></pre></div> <h2 id="overview-mobile">移动设备优先</h2> <p>在 Bootstrap 2 中，我们对框架中的某些关键部分增加了对移动设备友好的样式。而在 Bootstrap 3 中，我们重写了整个框架，使其一开始就是对移动设备友好的。这次不是简单的增加一些可选的针对移动设备的样式，而是直接融合进了框架的内核中。也就是说，<strong>Bootstrap 是移动设备优先的</strong>。针对移动设备的样式融合进了框架的每个角落，而不是增加一个额外的文件。</p> <p>为了确保适当的绘制和触屏缩放，需要在 <code><head></code> 之中<strong>添加 viewport 元数据标签</strong>。</p> <div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><meta</span> <span class="na">name=</span><span class="s">"viewport"</span> <span class="na">content=</span><span class="s">"width=device-width, initial-scale=1"</span><span class="nt">></span></code></pre></div> <p>在移动设备浏览器上，通过为视口（viewport）设置 meta 属性为 <code>user-scalable=no</code> 可以禁用其缩放（zooming）功能。这样禁用缩放功能后，用户只能滚动屏幕，就能让你的网站看上去更像原生应用的感觉。注意，这种方式我们并不推荐所有网站使用，还是要看你自己的情况而定！</p> <div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><meta</span> <span class="na">name=</span><span class="s">"viewport"</span> <span class="na">content=</span><span class="s">"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"</span><span class="nt">></span></code></pre></div> <h2 id="overview-type-links">排版与链接</h2