Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Comparing changes

Choose two branches to see what's changed or to start a new pull request. If you need to, you can also compare across forks.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also compare across forks.
...
Checking mergeability… Don't worry, you can still create the pull request.
  • 2 commits
  • 9 files changed
  • 0 commit comments
  • 1 contributor
View
36 docs/base-css.html
@@ -1472,7 +1472,7 @@
</td>
</tr>
<tr>
- <td><button class="btn btn-inverse" href="#">反转x</button></td>
+ <td><button class="btn btn-inverse" href="#">相反</button></td>
<td><code>btn btn-inverse</code></td>
<td>
做为补充的深灰色按钮,与具体行为或动作无关。
@@ -1486,10 +1486,10 @@
<h3>用于动作的按钮</h3>
<p>
一般习惯下,按钮只用于动作,而超链接则用于对象。
- 比如,“下载”应该是一个按钮,而“最近的动作” 则应该是一个链接
+ 比如,“下载”应该是一个按钮,而“最近的活动” 则应该是一个链接
</p>
<p>
- 使用 <code>.btn</code> 类可以将按钮样式添加到任何元素上。不过一般来说我们只对 <code>&lt;a&gt;</code> 和 <code>&lt;button&gt;</code> 元素添加按钮样式
+ 使用 <code>.btn</code> 可以将按钮样式应到任何元素。不过一般来说,我们只对 <code>&lt;a&gt;</code> 和 <code>&lt;button&gt;</code> 元素使用按钮样式
</p>
<h3>跨浏览器兼容</h3>
<p>
@@ -1503,15 +1503,15 @@
使用 <code>.btn-large</code>, <code>.btn-small</code>, 或 <code>.btn-mini</code> 可以得到三种不同尺寸的按钮。
</p>
<p>
- <button class="btn btn-large btn-primary">主动作</button>
+ <button class="btn btn-large btn-primary">首要动作</button>
<button class="btn btn-large">动作</button>
</p>
<p>
- <button class="btn btn-small btn-primary">主动作</button>
+ <button class="btn btn-small btn-primary">首要动作</button>
<button class="btn btn-small">动作</button>
</p>
<p>
- <button class="btn btn-mini btn-primary">主动作</button>
+ <button class="btn btn-mini btn-primary">首要动作</button>
<button class="btn btn-mini">动作</button>
</p>
<br>
@@ -1520,16 +1520,16 @@
对超链接按钮添加 <code>.disabled</code> 类,或是在 <code>&lt;button&gt;</code> 元素中设置 <code>disabled</code> 属性,却可将其变成禁用状态。
</p>
<p>
- <a href="#" class="btn btn-large btn-primary disabled">主链接</a>
+ <a href="#" class="btn btn-large btn-primary disabled">首要链接</a>
<a href="#" class="btn btn-large disabled">链接</a>
</p>
<p style="margin-bottom: 18px;">
- <button class="btn btn-large btn-primary disabled" disabled="disabled">主按钮</button>
+ <button class="btn btn-large btn-primary disabled" disabled="disabled">首要按钮</button>
<button class="btn btn-large" disabled>按钮</button>
</p>
<p>
<span class="label label-info">注意!</span>
- 我们把 <code>.disabled</code> 做为工具类来用,与普通的 <code>.active</code> 类非常相似,因而无须添加前缀
+ 我们把 <code>.disabled</code> 做为工具类来用,就象使用 <code>.active</code> 一样,因而无须添加.btn前缀
</p>
</div>
<div class="span4">
@@ -1753,21 +1753,21 @@
<div class="span4">
<h3>使用场景</h3>
<p>
- 图标是个好东西,不过在什么场合适用却是个问题。下面是一些建议
+ 图标是个好东西,不过用在什么场合却是个值得商榷的问题。下面是一些适用场景
</p>
<ul>
- <li>增强侧边导航栏的视觉效果</li>
- <li>纯图标的导航栏</li>
+ <li>用于增强侧边导航栏的视觉效果</li>
+ <li>用于制作纯图标的导航栏</li>
<li>帮助用户理解按钮的作用</li>
- <li>用户间通过链接分享内容</li>
+ <li>帮助用户间通过链接分享内容</li>
</ul>
- <p>一般来说,任何可以使用 <code>&lt;i&gt;</code> 标签的地方,都可以变成图标</p>
+ <p>一般来说,任何可以使用 <code>&lt;i&gt;</code> 标签的地方,都可以将其变成图标</p>
</div>
</div>
<h3>例子</h3>
<p>
- 用在按钮,按钮组的工具条,导航栏或是输入框的前缀中。
+ 可用在按钮,按钮组的工具条,导航栏或是输入框的前缀中。
</p>
<div class="row">
<div class="span4">
@@ -1830,7 +1830,7 @@
<!-- Footer
================================================== -->
<footer class="footer">
- <p class="pull-right"><a href="#">回到顶端</a></p>
+ <p class="pull-right"><a href="#">回到顶端</a></p>
<p>我们倾注世间之爱于设计与创作 <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>,由<a href="http://weibo.com/tvlikedev">Tvlike.me/TV来客开发者</a>翻译</p>
<p>开源依照 <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a> 发布。 文档依照 <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> 发布。</p>
<p>Icons取自 <a href="http://glyphicons.com">Glyphicons Free</a>,授权依照 <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>。</p>
@@ -1842,8 +1842,8 @@
<!-- Le javascript
================================================== -->
- <!-- Placed at the end of the document so the pages load faster -->
- <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
+ <!-- Placed at the end of the document so the pages load faster
+ <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> -->
<script src="assets/js/jquery.js"></script>
<script src="assets/js/google-code-prettify/prettify.js"></script>
<script src="assets/js/bootstrap-transition.js"></script>
View
188 docs/components.html
@@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8">
- <title>Components · Twitter Bootstrap</title>
+ <title>组件 · Twitter Bootstrap中文版/中文翻译</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
@@ -82,7 +82,7 @@
<header class="jumbotron subhead" id="overview">
<h1>组件</h1>
<p class="lead">
- Bootstrap内置几十种高可用的组件,以提供导航栏,警告,弹出框等功能。
+ Bootstrap内置几十种高可用的组件,以实现导航栏,通知,弹出框等功能。
</p>
<div class="subnav">
<ul class="nav nav-pills">
@@ -119,7 +119,7 @@
================================================== -->
<section id="buttonGroups">
<div class="page-header">
- <h1>按钮组 <small>添加更多类似工具条的功能按钮</small></h1>
+ <h1>按钮组 <small>添加更多按钮,实现类似工具条功能</small></h1>
</div>
<div class="row">
<div class="span4">
@@ -130,27 +130,27 @@
</p>
<h3>最佳实践</h3>
<p>
- 我们建议使用按钮组和工具条时应遵循下列建议
+ 我们建议使用按钮组和工具条时应遵循下列准则
</p>
<ul>
<li>
在一个按钮组中只使用一种元素, <code>&lt;a&gt;</code> 或 <code>&lt;button&gt;</code> 。
</li>
<li>
- 不要在同一个按钮组中使用不同颜色的按钮
+ 不要在同一个按钮组中使用不同按钮颜色
</li>
<li>
- 使用图标补充说明或代替文本时,应包含说明性的alt或title文字。
+ 使用图标补充内容或直接替代文本时,应包含说明性的alt或title文字。
</li>
</ul>
- <p><span class="label label-info">补充</span>
- 下面会单独强调带下拉框的按钮组,其包含一个下拉三角以表示可点击下拉
+ <p><span class="label label-info">补充</span>
+ 下面会单独强调带下拉框的按钮组,其包含一个下拉/上弹三角以表示可点击触发下拉/上弹
</p>
</div>
<div class="span4">
<h3>默认例子</h3>
<p>
- 用锚标签按钮构建的标准按钮组
+ 用 <code>button</code> 标签按钮构建的标准按钮组
</p>
<div class="">
<div class="btn-group" style="margin: 9px 0;">
@@ -168,7 +168,7 @@
</pre>
<h3>工具条的例子</h3>
<p>
- 集合几组 <code>&lt;div class="btn-group"&gt;</code> ,放入 <code>&lt;div class="btn-toolbar"&gt;</code> 内就可以合成工具条组件
+ 集合几组 <code>&lt;div class="btn-group"&gt;</code> ,再用 <code>&lt;div class="btn-toolbar"&gt;</code> 包装就可以合成工具条组件
</p>
<div class="btn-toolbar">
<div class="btn-group">
@@ -201,8 +201,8 @@
</p>
<p><a class="btn js-btn" href="./javascript.html#buttons">获取相关的javascript &raquo;</a></p>
<h3>按钮组中的下拉项</h3>
- <p><span class="label label-info">强调!</span>
- 为了得到正常的渲染结果,带下拉项的按钮应该被 <code>.btn-group</code> 嵌套,然后置入 <code>.btn-toolbar</code> 内。
+ <p><span class="label label-info">强调!</span>
+ 为了渲染正常,带下拉项的按钮应该被 <code>.btn-group</code> 嵌套,然后再放入 <code>.btn-toolbar</code> 内。
</p>
</div>
</div>
@@ -214,7 +214,7 @@
================================================== -->
<section id="buttonDropdowns">
<div class="page-header">
- <h1>按钮下拉菜单 <small>基于按钮组提供上下文菜单</small></h1>
+ <h1>按钮下拉菜单 <small>基于按钮组提供下拉菜单</small></h1>
</div>
<h2>下拉按钮</h2>
@@ -222,7 +222,7 @@
<div class="span4">
<h3>简介和例子</h3>
<p>
- 下拉菜单中的按钮应该被 <code>.btn-group</code> 嵌套
+ 下拉菜单中的按钮嵌套于 <code>.btn-group</code>
</p>
<div class="btn-toolbar" style="margin-top: 18px;">
<div class="btn-group">
@@ -302,7 +302,7 @@
<div class="span8">
<h3>标记例子</h3>
<p>
- 和按钮组类似,下拉按钮仍使用按钮标记,不过会用到少量其他标记以增强样式效果,同时支持Bootstrap的下拉jquery插件。
+ 和按钮组类似,下拉按钮仍使用按钮标记,并用到少量其他标记以增强显示效果,同时支持Bootstrap的下拉jquery插件。
</p>
<pre class="prettyprint linenums">
&lt;div class="btn-group"&gt;
@@ -321,7 +321,7 @@
<div class="span4">
<h3>适应所有按钮的尺寸</h3>
<p>
- 下拉按钮适应任何大小,可以是 <code>.btn-large</code>, <code>.btn-small</code>, 或 <code>.btn-mini</code> 。
+ 下拉按钮适应任何尺寸,可以是 <code>.btn-large</code>, <code>.btn-small</code>, 或 <code>.btn-mini</code> 。
</p>
<div class="btn-toolbar" style="margin-top: 18px;">
<div class="btn-group">
@@ -359,21 +359,21 @@
<div class="span4">
<h3>需要Javascript</h3>
<p>
- 下接按钮需要 <a href="./javascript.html#dropdowns">Bootstrap下拉插件</a> 以实现功能
+ 下拉按钮需要 <a href="./javascript.html#dropdowns">Bootstrap下拉插件</a> 实现功能
</p>
<p>
- 在某些情况下(诸如手机),下拉菜单会超出可视区域。这时要么手动对齐,要么使用定制的javascript。
+ 在某些情况下(诸如使用手机浏览),下拉菜单会超出可视区域。这时要么手动对齐,要么使用定制的javascript。
</p>
</div><!--/span-->
</div><!--/row-->
<br>
- <h2>间隔下拉按钮</h2>
+ <h2>带间隔的下拉按钮</h2>
<div class="row">
<div class="span4">
<h3>简介和例子</h3>
<p>
- 按钮组的样式和标记之上,我们能够很方便的创建下拉按钮间隔。间隔左侧是按钮,右侧是下拉链接。
+ 在按钮组的样式和标记的基础上,我们可以很方便的创建带间隔的下拉按钮。间隔左侧是按钮,右侧是下拉链接。
</p>
<div class="btn-toolbar" style="margin-top: 18px;">
<div class="btn-group">
@@ -513,7 +513,7 @@
<div class="span8">
<h3>标记的例子</h3>
<p>
- 我们对普通的下拉按钮进行扩展,从而将下拉区域独立出来,可单独点击收放菜单
+ 我们对普通的下拉按钮进行扩展,将下拉区域独立出来,可对其单独点击收放菜单
</p>
<pre class="prettyprint linenums">
&lt;div class="btn-group"&gt;
@@ -528,7 +528,7 @@
</pre>
<h3>上弹菜单</h3>
<p>
- 下拉菜单也可以变成上弹菜单,只要在 <code>.dropdown-menu</code> 最近的父标签上添加 <code>.dropup</code> 类即可。它会改变
+ 下拉菜单也可以变成上弹菜单,只要在 <code>.dropdown-menu</code> 最近的父标签上应用 <code>.dropup</code> 即可。它会改变
<code>.caret</code> 的箭头方向,并将菜单底部与按钮顶部对齐。
<div class="btn-toolbar" style="margin-top: 9px;">
<div class="btn-group dropup">
@@ -576,10 +576,10 @@
================================================== -->
<section id="navs">
<div class="page-header">
- <h1>导航,标签页,胶囊链接 <small>高度可定制的列表导航</small></h1>
+ <h1>导航,标签页,胶囊链接 <small>定制性强的列表导航</small></h1>
</div>
- <h2>轻量的默认项 <small>同样的标记,不同的类</small></h2>
+ <h2>轻巧的默认项 <small>同样的标记,不同的类</small></h2>
<div class="row">
<div class="span4">
<h3>强大的基类</h3>
@@ -592,13 +592,13 @@
</p>
<h3>组件对齐</h3>
<p>
- 使用 <code>.pull-left</code> 或 <code>.pull-right</code> 类对齐导航链接,两个类靠CSS float实现左/右对齐。
+ 使用 <code>.pull-left</code> 或 <code>.pull-right</code> 对齐导航链接,两者都依赖CSS float实现左/右对齐。
</p>
</div>
<div class="span4">
<h3>基本的标签页</h3>
<p>
- 对容纳链接的 <code>&lt;ul&gt;</code> 使用 <code>.nav-tabs</code>
+ 对存放链接的 <code>&lt;ul&gt;</code> 应用 <code>.nav-tabs</code> :
</p>
<ul class="nav nav-tabs">
<li class="active"><a href="#">首页</a></li>
@@ -616,9 +616,9 @@
</pre>
</div>
<div class="span4">
- <h3>基本的胶囊式链接</h3>
+ <h3>基本的胶囊链接</h3>
<p>
- HTML相同,使用 <code>.nav-pills</code>
+ HTML不变,使用 <code>.nav-pills</code> :
</p>
<ul class="nav nav-pills">
<li class="active"><a href="#">首页</a></li>
@@ -637,16 +637,16 @@
</div>
</div>
- <h2>叠放式导航 <small>竖直排放标签式和胶囊式链接</small></h2>
+ <h2>叠放式导航 <small>竖直排放标签和胶囊链接</small></h2>
<div class="row">
<div class="span4">
<h3>如何叠放</h3>
<p>
- 默认情况下标签式和胶囊式链接是水平排放的,使用 <code>.nav-stacked</code> 就可以将其变成竖直叠放。
+ 默认情况下标签和胶囊链接是水平排放的,使用 <code>.nav-stacked</code> 就可以将其变成竖直叠放。
</p>
</div>
<div class="span4">
- <h3>叠放标签</h3>
+ <h3>叠放式标签</h3>
<ul class="nav nav-tabs nav-stacked">
<li class="active"><a href="#">首页</a></li>
<li><a href="#">介绍</a></li>
@@ -659,7 +659,7 @@
</pre>
</div>
<div class="span4">
- <h3>叠放胶囊式链接</h3>
+ <h3>叠放式胶囊链接</h3>
<ul class="nav nav-pills nav-stacked">
<li class="active"><a href="#">首页</a></li>
<li><a href="#">介绍</a></li>
@@ -676,9 +676,9 @@
<h2>下拉项 <small>改良的导航组件</small></h2>
<div class="row">
<div class="span4">
- <h3>易用的富菜单</h3>
+ <h3>易用的富内容菜单</h3>
<p>
- Bootstrap的标签式和胶囊式链接中的下拉菜单,是非常易用的,仅需极少的HTML和一个轻量级的jQuery插件
+ 在Bootstrap中,创建标签和胶囊链接中的下拉菜单非常方便,仅需极少的HTML和一个轻巧的jQuery插件
</p>
<p>
详见 <a href="./javascript.html#tabs">初始化下拉项</a> 。
@@ -727,7 +727,7 @@
</pre>
</div>
<div class="span4">
- <h3>带下拉的胶囊式链接</h3>
+ <h3>带下拉的胶囊链接</h3>
<ul class="nav nav-pills">
<li class="active"><a href="#">首页</a></li>
<li><a href="#">帮助</a></li>
@@ -773,21 +773,21 @@
<h2>导航列表 <small>构建简单的叠放式导航,适用于侧边栏</small></h2>
<div class="row">
<div class="span4">
- <h3>应用样式的导航</h3>
+ <h3>应用风格(application-style)的导航</h3>
<p>
- 导航列表可以简便地创建带有标头(可选)的导航链接组,非常适合用做侧边栏(与OS X中的Finder类似)。
+ 导航列表可以便捷地创建带有标头(可选)的导航链接组,非常适合用做侧边栏(与OS X中的Finder类似)。
</p>
<p>
- 从结构上讲,与标签式和胶囊式链接无异,使用同样的导航样式,所以用法上和定制上都是一样简洁的
+ 从结构上看,其与标签和胶囊链接无异,都使用同样的导航样式,所以用法和定制都一样简洁
</p>
<hr>
<h4>使用图标</h4>
<p>
- 导航列表使用图标很容易。只须添加带有图标类的 <code>&lt;i&gt;</code> 标签即可。
+ 在导航列表中使用图标很容易。只须添加带有图标类的 <code>&lt;i&gt;</code> 标签即可。
</p>
<h4>水平间隔</h4>
<p>
- 使用 <code>.divider</code> 类的空列表项显示为一个水平间隔,如下:
+ 应用 <code>.divider</code> 的空列表项会显示为一个水平间隔,如下:
</p>
<pre class="prettyprint linenums">
&lt;ul class="nav nav-list"&gt;
@@ -799,7 +799,7 @@
</div>
<div class="span4">
<h3>导航列表例子</h3>
- <p>对存放一组链接的列表使用 <code>class="nav nav-list"</code> :</p>
+ <p>对存放一组链接的列表使用 <code>class="nav nav-list"</code> :</p>
<div class="well" style="padding: 8px 0;">
<ul class="nav nav-list">
<li class="nav-header">列表头</li>
@@ -867,11 +867,11 @@
<div class="span4">
<h3>包含哪些东西</h3>
<p>
- 用一个简单的插件切换标签页的内容,让标签页变得生动起来
+ 我们使用一个简单的插件切换标签页对应的内容,从而让标签页变得生动
Bootstrap 提供了四种样式的标签页:置顶(默认),居右,置底,居左。
</p>
<p>
- 应用时只要更改很少的标记
+ 应用时只需修改很少的标记
</p>
</div>
<div class="span4">
@@ -901,7 +901,7 @@
<div class="span4">
<h3>定制jQuery插件</h3>
<p>
- 所有标签页都依赖我们提供的轻量级的jQuery插件。详见javascript中的标签页部分的文档
+ 所有标签页都依赖我们提供的轻量级jQuery插件。详见javascript中的关于标签页部分的文档
</p>
<p><a class="btn" href="./javascript.html#tabs">获取javascript &rarr;</a></p>
</div>
@@ -909,7 +909,7 @@
<h3>简洁的标读</h3>
<p>
- 使用标签切换页需要一个最外层的div,一组标签,以及一组存放内容的容器
+ 使用标签切换页,需要一个最外层的div,一组标签,以及一组存放内容的容器
</p>
<pre class="prettyprint linenums">
&lt;div class="tabbable"&gt;
@@ -928,7 +928,7 @@
&lt;/div&gt;
</pre>
- <h3>在多方向上使用标签切换页</h3>
+ <h3>在多个方向上使用标签切换页</h3>
<div class="row">
<div class="span4">
<h4>标签置底</h4>
@@ -1117,7 +1117,7 @@
</pre>
<h3>固定导航条</h3>
<p>
- 只要在最外层的div上应用 <code>.navbar</code> ,就可以将导航条固定到顶部或是底部。
+ 只要在最外层的div上应用 <code>.navbar</code> ,就可以将导航条固定到顶部或是底部。
</p>
<div class="row">
<div class="span4">
@@ -1137,7 +1137,7 @@
</div><!--/row-->
<p>
附着导航条时,一定要留出一块空白区域,在 <code>&lt;body&gt;</code> 的顶端添加40px或是更多的padding。
- 要保证将这段样式加在Bootstrap核心CSS之后,在响应性CSS(可选的)之前。
+ 要保证将这段样式加在Bootstrap核心CSS之后,在响应式CSS(可选的)之前。
</p>
<h3>品牌名称</h3>
<p>
@@ -1162,7 +1162,7 @@
</pre>
<h3>导航条中的表单</h3>
<p>
- 导航条内的表单,用 <code>.navbar-form</code> 类进行样式化,用 <code>.pull-left</code> 或 <code>.pull-right</code> 决定居左还是居中。
+ 导航条内的表单,用 <code>.navbar-form</code> 进行样式化,由 <code>.pull-left</code> 或 <code>.pull-right</code> 决定居左还是居中。
</p>
<div class="navbar">
<div class="navbar-inner">
@@ -1193,7 +1193,7 @@
&lt;/form&gt;
</pre>
<p>
- 对导航栏应用 <code>.navbar-search</code> 类的同时对其中输入框应用 <code>.search-query</code> ,就会得到另一种搜索样式,从而增强搜索表单的可定制性。
+ 对导航栏应用 <code>.navbar-search</code> 的同时对其中的输入框使用 <code>.search-query</code> ,就会得到另一种搜索样式,从而增强搜索表单的可定制性。
</p>
<div class="navbar">
<div class="navbar-inner">
@@ -1270,7 +1270,7 @@
&lt;/ul&gt;
</pre>
<p>
- 将应用 <code>.divider-vertical</code> 的空列表项插入到两个链接项之间,就得到分隔条
+ 将应用 <code>.divider-vertical</code> 的空列表项插入到两个链接项之间,就会得到分隔条
</p>
<pre class="prettyprint linenums">
&lt;ul class="nav"&gt;
@@ -1281,11 +1281,11 @@
</pre>
<h3>组件对齐</h3>
<p>
- 使用 <code>.pull-left</code> 或 <code>.pull-right</code> 类对齐链接,搜索表单或是文本。这两个类都使用CSS浮动进行对齐。
+ 我们使用 <code>.pull-left</code> 或 <code>.pull-right</code> 对齐链接,搜索表单或是文本。这两个类都使用CSS浮动进行对齐。
</p>
<h3>添加下拉菜单</h3>
<p>
- 在导航中添加上下拉菜单非常简单,不过需要使用 <a href="./javascript.html/#dropdown">下拉javascript插件</a> 。
+ 在导航中很容易添加上下拉菜单,要用到 <a href="./javascript.html/#dropdown">下拉javascript插件</a> 。
</p>
<pre class="prettyprint linenums">
&lt;ul class="nav"&gt;
@@ -1302,11 +1302,11 @@
&lt;/li&gt;
&lt;/ul&gt;
</pre>
- <p><a class="btn" href="./javascript.html#dropdowns">Get the javascript &rarr;</a></p>
+ <p><a class="btn" href="./javascript.html#dropdowns">下载相关javascript &rarr;</a></p>
<hr>
<h3>导航条中的文本</h3>
<p>
- 在导航条中用 <code>&lt;p&gt;</code> 标签包签文本以设置行高和颜色
+ 在导航条中用 <code>&lt;p&gt;</code> 标签包装文本以设置行高和颜色
</p>
</div><!-- /.span -->
</div><!-- /.row -->
@@ -1326,12 +1326,12 @@
<div class="span6">
<h3>为什么使用面包屑导航条</h3>
<p>
- 面包屑导航栏用于展示用户当前在网站/应用中的位置,但并不是主要的导航。适宜布局清爽,简洁明了
+ 面包屑导航栏用于展示用户当前在网站/应用中的位置,但并不是首要导航。适宜布局清爽,简洁明了的场合
</p>
<h3>例子</h3>
<p>
- 一个简单的例子,可能用在多个页面中
+ 一个简单的例子,可以用在多个页面中
</p>
<ul class="breadcrumb">
<li class="active">首页</li>
@@ -1381,21 +1381,21 @@
<div class="span4">
<h3>何时适用</h3>
<p>
- 受Rdio启发,我们设计了极为简致的页码样式,适用于应用和搜索结果。页码区域尺寸大,吸引注意力,易于扩展,易于点击。
+ 受Rdio启发,我们设计了极为简致的页码样式,适用于应用和搜索结果。页码区域尺寸大,易于吸引注意力,易于扩展,易于点击。
</p>
<h3>页码链接的状态</h3>
<p>
- Bootstrap使用一组样式类定制页码的状态,<code>.disabled</code> 用于不可以点击链接,而 <code>.active</code> 用于当前页
+ Bootstrap使用一组样式类定制页码的状态,<code>.disabled</code> 用于不可点击链接,而 <code>.active</code> 用于表示当前页链接
</p>
- <h3>灵活的对齐方式Flexible alignment</h3>
+ <h3>灵活的对齐方式</h3>
<p>
- 使用 <code>.pagination-centered</code> 和 <code>.pagination-right</code> 可以改变页码的对齐方式。
+ 使用 <code>.pagination-centered</code> 和 <code>.pagination-right</code> 可以改变页码的对齐方式,前者居中,后者居右
</p>
</div>
<div class="span4">
<h3>例子</h3>
<p>
- 默认的页码组件非常灵活,有多种形式
+ 默认的页码组件非常灵活,有多种展示形式
</p>
<div class="pagination">
<ul>
@@ -1438,7 +1438,7 @@
<div class="span4">
<h3>标记</h3>
<p>
- 分页标记只是一个嵌套在 <code>&lt;div&gt;</code> 中的 <code>&lt;ul&gt;</code> 。
+ 分页标记是一个嵌套在 <code>&lt;div&gt;</code> 中的 <code>&lt;ul&gt;</code> 。
</p>
<pre class="prettyprint linenums">
&lt;div class="pagination"&gt;
@@ -1457,20 +1457,20 @@
</div>
</div><!-- /row -->
- <h2>前后页 <small>便捷的前一页/后一页链接</small></h2>
+ <h2>前后页 <small>简便的前一页/后一页链接</small></h2>
<div class="row">
<div class="span4">
<h3>前后页组件介绍</h3>
<p>
- 前后页组件是一组简便的分页实现,标记更少,样式更轻,适用于轻量级网站,如博客或是网志
+ 前后页组件是一组简便的分页实现,标记更少,样式更轻,适用于轻量级网站,如博客或网志
</p>
- <h4>可选的无效状态</h4>
+ <h4>禁用状态</h4>
<p>
前后页链接仍使用 <code>.disabled</code> 设置无效状态。
</p>
</div>
<div class="span4">
- <h3>默认例子</h3>
+ <h3>默认的例子</h3>
<p>默认情况下,前后页组件居中。</p>
<ul class="pager">
<li><a href="#">前一页</a></li>
@@ -1568,7 +1568,7 @@
</tr>
<tr>
<td>
- <span class="label label-inverse">逆操作</span>
+ <span class="label label-inverse">相反</span>
</td>
<td>
<code>&lt;span class="label label-inverse"&gt;逆操作&lt;/span&gt;</code>
@@ -1662,7 +1662,7 @@
</tr>
<tr>
<td>
- 逆操作
+ 相反
</td>
<td>
<span class="badge badge-inverse">10</span>
@@ -1689,12 +1689,12 @@
<div class="row">
<div class="span4">
<p>
- Bootstrap提供了一个轻量级的,灵活的组件,用以在网站中着重展示内容,称之为"hero unit"/主角单元。
+ Bootstrap提供了一个轻巧又灵活的组件,用以在网站中着重展示内容,称之为"hero unit"/主角单元。
适用于市场类或强调内容的网站。
</p>
<h3>标记</h3>
<p>
- 将内容置入带 <code>.hero-unit</code> 的 <code>div</code> ,如下:
+ 将内容嵌套入应用 <code>.hero-unit</code> 的 <code>div</code> ,如下:
</p>
<pre class="prettyprint linenums">
&lt;div class="hero-unit"&gt;
@@ -1712,7 +1712,7 @@
<div class="hero-unit">
<h1>陈光诚,汉子!</h1>
<p>
- 主角单元Hero Unit是一简单的大屏组件,用于加强内容或信息的吸引力
+ 主角单元Hero Unit是一简单的大屏组件,用于增强内容或信息的吸引力
</p>
<p><a class="btn btn-primary btn-large">了解更多</a></p>
</div>
@@ -1722,7 +1722,7 @@
<div class="row">
<div class="span4">
<p>
- 简单的 <code>h1</code> 外壳,它会留出恰当的空白,用以在页面中分割内容片段
+ 相当于一个简单的 <code>h1</code> 外壳,它有适当的留白,以便在页面中分割内容片段
还可以在 <code>h1</code> 内嵌入 <code>small</code> ,html元素或是其他组件。
</p>
</div>
@@ -1745,7 +1745,7 @@
================================================== -->
<section id="thumbnails">
<div class="page-header">
- <h1>缩略项 <small>基于栅格的图象,视频,文字以及更多</small></h1>
+ <h1>缩略项 <small>基于栅格的图象,视频,文字等等</small></h1>
</div>
<div class="row">
@@ -1780,7 +1780,7 @@
<div class="span6">
<h2>高可定制</h2>
<p>
- 使用少量额外的标记就可以在缩略项中添加任何一种HTML内容,比如标题,段落,或按钮。
+ 使用少量其他标记就可以在缩略项中添加任何一种HTML内容,比如标题,段落,或按钮。
</p>
<ul class="thumbnails">
<li class="span3">
@@ -1821,13 +1821,13 @@
<div class="span4">
<h3>简洁灵活的标记</h3>
<p>
- 缩略项标记既简单又灵活&mdash;只须用一个 <code>ul</code> 嵌套多个 <code>li</code> 元素。缩略项内容只须用少量标记包装,可以是任何一种类型
+ 缩略项标记既简单又灵活&mdash;只须用一个 <code>ul</code> 嵌套多个 <code>li</code> 元素。缩略项内容可以是任何一种HTML内容,只须少许标记
</p>
</div>
<div class="span4">
<h3>使用栅格列确定大小</h3>
<p>
- 新版本中,缩略项组件使用已有的栅格类&mdash;诸如 <code>.span2</code> 或 <code>.span3</code> &mdash;确定缩略项的尺寸。
+ 新版本中,缩略项组件使用栅格类&mdash;诸如 <code>.span2</code> 或 <code>.span3</code> &mdash;确定缩略项的尺寸。
</p>
</div>
</div>
@@ -1849,7 +1849,7 @@
&lt;/ul&gt;
</pre>
<p>
- 自定义缩略项内的HTML内容仅须更改少许标记。将 <code>&lt;a&gt;</code> 变成 <code>&lt;div&gt;</code> 即可指定块状内容,如下:
+ 缩略项中的HTML内容仅须更改少许标记。将 <code>&lt;a&gt;</code> 变成 <code>&lt;div&gt;</code> 即可定制块状内容,如下:
</p>
<pre class="prettyprint linenums">
&lt;ul class="thumbnails"&gt;
@@ -1867,7 +1867,7 @@
<div class="span6">
<h2>更多例子</h2>
<p>
- 可以尝试更多栅格类,混用不同尺寸
+ 尝试更多栅格类,混用不同的尺寸
</p>
<ul class="thumbnails">
<li class="span4">
@@ -1912,32 +1912,32 @@
================================================== -->
<section id="alerts">
<div class="page-header">
- <h1>通知 <small>为成功,警告和错误消息指定样式</small></h1>
+ <h1>通知 <small>给成功,警告和错误消息指定样式</small></h1>
</div>
<h2>简洁的默认样式</h2>
<div class="row">
<div class="span4">
- <h3>重写基类</h3>
+ <h3>重写过的基类</h3>
<p>
Bootstrap 2 简化了基类,用 <code>.alert</code> 代替了 <code>.alert-message</code> 。
并对最低要求的标记也进行了精简&mdash;默认只使用 <code>&lt;div&gt;</code> ,而无须嵌套 <code>&lt;p&gt;</code> 。
</p>
- <h3>单一的通知消息</h3>
+ <h3>统一后的通知消息</h3>
<p>
为了得到代码少而质量高的组件,我们统一了块状通知和普通通知的外观。原有的块状样式类被命名为 <code>.alert-block</code> ,其padding更大,通常容纳文本也更多。
</p>
<hr>
<h3>与javascript配合良好</h3>
<p>
- Bootstrapm包含一个很不错的jQuery插件,用以支持通知消息,能够很方便快速地关闭通知
+ Bootstrap用一个很好的jQuery插件驱动通知消息,方便用户快速地关闭通知
</p>
<p><a class="btn js-btn" href="./javascript.html#alerts">Get the plugin &raquo;</a></p>
</div>
<div class="span8">
<h3>通知的例子</h3>
<p>
- 在div中嵌套信息,并放置一个可选的关闭图标
+ 在div中嵌套信息,并放置一个关闭图标
</p>
<div class="alert">
<a class="close" data-dismiss="alert">&times;</a>
@@ -1950,7 +1950,7 @@
&lt;/div&gt;
</pre>
<p>
- 进度条有两个效果补充类
+ 进度条有两个效果加强类
<code>.alert-block</code> 用于提供更大padding,适合容纳更多文本组件;而 <code>.alert-heading</code> 用以修饰标题。
</p>
<div class="alert alert-block">
@@ -1970,7 +1970,7 @@ <h4 class="alert-heading">外交部警告!</h4>
</div>
</div>
- <h2>语境下的补充 <small>使用不同的类改变通知的涵义</small></h2>
+ <h2>语境下的强化 <small>根据通知的涵义使用不同的类</small></h2>
<div class="row">
<div class="span4">
<h3>危险/错误</h3>
@@ -2018,7 +2018,7 @@ <h4 class="alert-heading">外交部警告!</h4>
================================================== -->
<section id="progress">
<div class="page-header">
- <h1>进度条 <small>用于载入,重定向或动作状态</small></h1>
+ <h1>进度条 <small>用于载入,重定向或表示动作状态</small></h1>
</div>
<h2>例子和标记</h2>
@@ -2124,13 +2124,13 @@ <h4 class="alert-heading">外交部警告!</h4>
进度条使用CSS3过渡效果,因此用javascript动态调整进度条宽度时,效果会非常平滑。
</p>
<p>
- 如果使用 <code>.active</code> ,那么 <code>.progress-striped</code> 导航栏就会呈现自左向右的跑马灯条纹动画效果
+ 如果使用 <code>.active</code> ,那么 <code>.progress-striped</code> 导航栏就会呈现自左向右的条纹跑马灯动画效果
</p>
</div>
<div class="span3">
<h3>浏览器支持</h3>
<p>
- 进度条使用CSS3渐变,过渡,动画以实现所有效果。IE7到IE9,以前某些老版本的Firefox还不完全支持这些特性
+ 进度条使用CSS3渐变/过渡/动画以实现所有效果。IE7到IE9,以及某些老版本的Firefox还不能完全支持这些特性
</p>
<p>
目前,Opera和IE还不支持动画效果。
@@ -2154,7 +2154,7 @@ <h4 class="alert-heading">外交部警告!</h4>
<div class="span4">
<h2>消息墙</h2>
<p>
- 用来给某个元素添加插图效果
+ 用来给某个元素添加包框效果
</p>
<div class="well">
来看呀来看呀,这就是消息墙!
@@ -2179,8 +2179,8 @@ <h4 class="alert-heading">外交部警告!</h4>
<!-- Footer
================================================== -->
- <footer class="footer">
- <p class="pull-right"><a href="#">回到顶端</a></p>
+ <footer class="footer">
+ <p class="pull-right"><a href="#">回到顶端</a></p>
<p>我们倾注世间之爱于设计与创作 <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>,由<a href="http://weibo.com/tvlikedev">Tvlike.me/TV来客开发者</a>翻译</p>
<p>开源依照 <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a> 发布。 文档依照 <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> 发布。</p>
<p>Icons取自 <a href="http://glyphicons.com">Glyphicons Free</a>,授权依照 <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>。</p>
@@ -2192,8 +2192,8 @@ <h4 class="alert-heading">外交部警告!</h4>
<!-- Le javascript
================================================== -->
- <!-- Placed at the end of the document so the pages load faster -->
- <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
+ <!-- Placed at the end of the document so the pages load faster
+ <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> -->
<script src="assets/js/jquery.js"></script>
<script src="assets/js/google-code-prettify/prettify.js"></script>
<script src="assets/js/bootstrap-transition.js"></script>
View
28 docs/download.html
@@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8">
- <title>下载 · Twitter Bootstrap</title>
+ <title>下载 · Twitter Bootstrap中文版/中文翻译</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
@@ -129,22 +129,22 @@
<label class="checkbox"><input checked="checked" type="checkbox" value="pagination.less"> 分页 / Pagination</label>
<label class="checkbox"><input checked="checked" type="checkbox" value="pager.less"> 翻页 / Pager</label>
<label class="checkbox"><input checked="checked" type="checkbox" value="thumbnails.less"> 缩略图 / Thumbnails</label>
- <label class="checkbox"><input checked="checked" type="checkbox" value="alerts.less"> 警告 / Alerts</label>
+ <label class="checkbox"><input checked="checked" type="checkbox" value="alerts.less"> 通知 / Alerts</label>
<label class="checkbox"><input checked="checked" type="checkbox" value="progress-bars.less"> 进度条 / Progress bars</label>
<label class="checkbox"><input checked="checked" type="checkbox" value="hero-unit.less"> 主角单元 / Hero unit</label>
</div><!-- /span -->
<div class="span3">
<h3>JS组件</h3>
<label class="checkbox"><input checked="checked" type="checkbox" value="tooltip.less"> 提示 / Tooltips</label>
- <label class="checkbox"><input checked="checked" type="checkbox" value="popovers.less"> 气泡提示 / Popovers</label>
+ <label class="checkbox"><input checked="checked" type="checkbox" value="popovers.less"> 弹出提示 / Popovers</label>
<label class="checkbox"><input checked="checked" type="checkbox" value="modals.less"> 对话框 / Modals</label>
<label class="checkbox"><input checked="checked" type="checkbox" value="dropdowns.less"> 下拉 / Dropdowns</label>
- <label class="checkbox"><input checked="checked" type="checkbox" value="accordion.less"> 切换 / Collapse</label>
- <label class="checkbox"><input checked="checked" type="checkbox" value="carousel.less"> 滑动 / Carousel</label>
+ <label class="checkbox"><input checked="checked" type="checkbox" value="accordion.less"> 折叠 / Collapse</label>
+ <label class="checkbox"><input checked="checked" type="checkbox" value="carousel.less"> 轮播 / Carousel</label>
</div><!-- /span -->
<div class="span3">
<h3>杂项</h3>
- <label class="checkbox"><input checked="checked" type="checkbox" value="wells.less"> / Wells</label>
+ <label class="checkbox"><input checked="checked" type="checkbox" value="wells.less"> 消息墙 / Wells</label>
<label class="checkbox"><input checked="checked" type="checkbox" value="close.less"> 关闭图标 / Close icon</label>
<label class="checkbox"><input checked="checked" type="checkbox" value="utilities.less"> 实用工具 / Utilities</label>
<label class="checkbox"><input checked="checked" type="checkbox" value="component-animations.less"> 组件动画 / Component animations</label>
@@ -166,7 +166,7 @@
<div class="span4">
<label class="checkbox">
<input type="checkbox" checked="true" value="bootstrap-transition.js">
- 转场效果 / Transitions <small>(动画效果所需)</small>
+ 过渡效果 / Transitions <small>(动画效果所需)</small>
</label>
<label class="checkbox">
<input type="checkbox" checked="true" value="bootstrap-modal.js">
@@ -192,11 +192,11 @@
<div class="span4">
<label class="checkbox">
<input type="checkbox" checked="true" value="bootstrap-popover.js">
- 气泡式提示 / Popovers <small>(需要Tooltips)</small>
+ 弹出提示 / Popovers <small>(需要Tooltips)</small>
</label>
<label class="checkbox">
<input type="checkbox" checked="true" value="bootstrap-alert.js">
- 警告消息 / Alert messages
+ 通知消息 / Alert messages
</label>
<label class="checkbox">
<input type="checkbox" checked="true" value="bootstrap-button.js">
@@ -204,15 +204,15 @@
</label>
<label class="checkbox">
<input type="checkbox" checked="true" value="bootstrap-collapse.js">
- 切换 / Collapse
+ 折叠 / Collapse
</label>
<label class="checkbox">
<input type="checkbox" checked="true" value="bootstrap-carousel.js">
- 滑动 / Carousel
+ 轮播 / Carousel
</label>
<label class="checkbox">
<input type="checkbox" checked="true" value="bootstrap-typeahead.js">
- 输入提示 / Typeahead
+ 输入提醒 / Typeahead
</label>
</div><!-- /span -->
<div class="span4">
@@ -424,8 +424,8 @@ <h4 class="muted">注意!</h4>
<!-- Le javascript
================================================== -->
- <!-- Placed at the end of the document so the pages load faster -->
- <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
+ <!-- Placed at the end of the document so the pages load faster
+ <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> -->
<script src="assets/js/jquery.js"></script>
<script src="assets/js/google-code-prettify/prettify.js"></script>
<script src="assets/js/bootstrap-transition.js"></script>
View
4 docs/examples.html
@@ -119,9 +119,9 @@
<!-- Footer
- ================================================== -->
+ ================================================== -->
<footer class="footer">
- <p class="pull-right"><a href="#">回到顶端</a></p>
+ <p class="pull-right"><a href="#">回到顶端</a></p>
<p>我们倾注世间之爱于设计与创作 <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>,由<a href="http://weibo.com/tvlikedev">Tvlike.me/TV来客开发者</a>翻译</p>
<p>开源依照 <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a> 发布。 文档依照 <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> 发布。</p>
<p>Icons取自 <a href="http://glyphicons.com">Glyphicons Free</a>,授权依照 <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>。</p>
View
2  docs/index.html
@@ -237,7 +237,7 @@
</li>
</ul>
-</div><!-- /.marketing -->
+</div><!-- /.marketing -->
<!-- Footer
================================================== -->
View
80 docs/javascript.html
@@ -88,15 +88,15 @@
<li><a href="#javascript">所有插件</a></li>
<li><a href="#modals">对话框</a></li>
<li><a href="#dropdowns">下拉项</a></li>
- <li><a href="#scrollspy">滚动侦听</a></li>
+ <li><a href="#scrollspy">滚动侦测</a></li>
<li><a href="#tabs">标签页</a></li>
<li><a href="#tooltips">工具提示</a></li>
<li><a href="#popovers">弹出提示</a></li>
<li><a href="#alerts">通知</a></li>
<li><a href="#buttons">按钮</a></li>
- <li><a href="#collapse">切换</a></li>
- <li><a href="#carousel">滑动</a></li>
- <li><a href="#typeahead">输入提示</a></li>
+ <li><a href="#collapse">折叠</a></li>
+ <li><a href="#carousel">轮播</a></li>
+ <li><a href="#typeahead">输入提醒</a></li>
</ul>
</div>
</header>
@@ -113,7 +113,7 @@
<label>
<h3><a href="./javascript.html#modals">对话框</a></h3>
<p>
- 类似传统的javascript模态对话框,但更圆滑更灵活,只需很少的功能和智能的默认项
+ 类似传统的javascript模态对话框,但更圆滑更灵活,带有最基本的功能和智能的默认项
</p>
</label>
</div>
@@ -122,7 +122,7 @@
<h3><a href="./javascript.html#dropdowns">下拉项</a></h3>
<p>
这个简单的插件几乎可以给Bootstrap的任何组件添加下拉项。
- Bootstrap对导航栏,标签页和胶囊链接提供完整的下拉菜单特性。
+ Bootstrap为导航栏,标签页和胶囊链接提供完整的下拉菜单特性。
</p>
</label>
</div>
@@ -148,8 +148,8 @@
<label>
<h3><a href="./javascript.html#tooltips">工具提示</a></h3>
<p>
- 该插件采用jQuery的Tipsy插件,并不依赖于图像&mdash;
- 而是使用CSS3实现动画效果和利用data属性存储本地标题
+ 该插件借鉴了jQuery的Tipsy插件,并不依赖于图像&mdash;
+ 而是使用CSS3实现动画效果并利用data属性存储本地标题
</p>
</label>
</div>
@@ -157,7 +157,7 @@
<label>
<h3><a href="./javascript.html#popovers">弹出提示</a> <small class="muted">*</small></h3>
<p>
- 与iPad上的效果类似,把存放输助信息的元素显示为弹出框提示
+ 与iPad上的效果类似,将存放输助信息的元素显示为弹出框提示
</p>
<p class="muted"><strong>*</strong> 需要包含 <a href="#tooltips">工具提示(Tooltips)</a> </p>
</label>
@@ -166,7 +166,7 @@
<label>
<h3><a href="./javascript.html#alerts">通知消息</a></h3>
<p>
- 通知插件使用轻巧的类以实现关闭通知框的功能
+ 通知插件利用轻巧的类以实现关闭通知框的功能
</p>
</label>
</div>
@@ -174,7 +174,7 @@
<label>
<h3><a href="./javascript.html#buttons">按钮</a></h3>
<p>
- 控制按钮的状态或者为其他复合控件(比如工具条)创建按钮组。
+ 控制按钮状态或者为其他复合控件(比如工具条)创建按钮组。
</p>
</label>
</div>
@@ -182,15 +182,15 @@
<div class="row" style="margin-bottom: 9px;">
<div class="span3">
<label>
- <h3><a href="./javascript.html#collapse">切换</a></h3>
+ <h3><a href="./javascript.html#collapse">折叠</a></h3>
<p>
- 为切换类的组件(比如手风琴式相册,导航栏)提供基本的样式和灵活的支持
+ 为可折叠的组件(比如手风琴式应用,导航栏)提供基本样式和灵活地支持
</p>
</label>
</div>
<div class="span3">
<label>
- <h3><a href="./javascript.html#carousel">滑动</a></h3>
+ <h3><a href="./javascript.html#carousel">轮播</a></h3>
<p>
创建跑马灯效果,以幻灯片方式展示内容。
</p>
@@ -198,15 +198,15 @@
</div>
<div class="span3">
<label>
- <h3><a href="./javascript.html#typeahead">输入提示</a></h3>
+ <h3><a href="./javascript.html#typeahead">输入提醒</a></h3>
<p>
- 简单,易于拓展,可迅速地为表单中的文本输入框创建优雅的提示。
+ 简单且易于拓展,可迅速地为表单中的文本输入框创建优雅的提示。
</p>
</label>
</div>
<div class="span3">
<label>
- <h3>转场效果 <small class="muted">*</small></h3>
+ <h3>过渡效果 <small class="muted">*</small></h3>
<p>对于简单的转场效果,包含 bootstrap-transition.js 文件即可滑入幻灯片或淡出消息框。</p>
<p class="muted"><strong>*</strong> 需要动画(animation)插件支持</p>
</label>
@@ -227,7 +227,7 @@
<div class="span3 columns">
<h3>模态对话框介绍</h3>
<p>
- 类似传统的javascript模态对话框,但更圆滑更灵活,只需很少的功能和智能的默认项
+ 类似传统的javascript模态对话框,但更圆滑更灵活,带有最基本的功能和智能默认项
</p>
<a href="assets/js/bootstrap-modal.js" target="_blank" class="btn">Download file</a>
</div>
@@ -496,7 +496,7 @@
<tr>
<td>shown</td>
<td>
- 该事件在对话框已经呈现给用户后(要等CSS过场效果生效后)触发。
+ 该事件在对话框已经呈现给用户后(要等CSS过渡效果生效后)触发。
</td>
</tr>
<tr>
@@ -508,7 +508,7 @@
<tr>
<td>hidden</td>
<td>
- 该事件在对话框已经关闭后(要等CSS过场效果生效后)触发。
+ 该事件在对话框已经关闭后(要等CSS过渡效果生效后)触发。
</td>
</tr>
</tbody>
@@ -534,7 +534,7 @@
<div class="span3 columns">
<h3>下拉项介绍</h3>
<p>
- 这个简单的插件几乎可以给Bootstrap的任何组件添加下拉项。 Bootstrap对导航栏,标签页和胶囊链接提供完整的下拉菜单特性。
+ 这个简单的插件几乎可以给Bootstrap的任何组件添加下拉项。 Bootstrap导为航栏,标签页和胶囊链接提供完整的下拉菜单特性。
</p>
<a href="assets/js/bootstrap-dropdown.js" target="_blank" class="btn">下载文件</a>
</div>
@@ -690,15 +690,15 @@
================================================== -->
<section id="scrollspy">
<div class="page-header">
- <h1>滚动侦听 <small>bootstrap-scrollspy.js</small></h1>
+ <h1>滚动侦测 <small>bootstrap-scrollspy.js</small></h1>
</div>
<div class="row">
<div class="span3 columns">
- <p>滚动侦听会根据当前滚动条位置而自动更新导航栏中的链接状态。</p>
+ <p>滚动侦测会根据当前滚动条位置而自动更新导航栏中的链接状态。</p>
<a href="assets/js/bootstrap-scrollspy.js" target="_blank" class="btn">下载文件</a>
</div>
<div class="span9 columns">
- <h2>使用滚动侦听的导航条例子</h2>
+ <h2>使用滚动侦测的导航条例子</h2>
<p>
滚动下面的内容区域,然后观察导航条状态,导航条中的菜单甚至下拉项都会同步高亮。试一下!
</p>
@@ -751,16 +751,16 @@ <h4 id="three">耳光</h4>
</div>
<hr>
<h2>使用bootstrap-scrollspy.js</h2>
- <p>通过javascript调用滚动侦听:</p>
+ <p>通过javascript调用滚动侦测:</p>
<pre class="prettyprint linenums">$('#navbar').scrollspy()</pre>
<h3>标记</h3>
<p>
- 在想侦听的元素(往往是body)上添加 <code>data-spy="scroll"</code> 就很容易在置顶导航条上实现滚动侦听
+ 在想侦测的元素(往往是body)上添加 <code>data-spy="scroll"</code> 就很容易在置顶导航条上实现滚动侦测
</p>
<pre class="prettyprint linenums">&lt;body data-spy="scroll" &gt;...&lt;/body&gt;</pre>
<div class="alert alert-info">
<strong>强调!</strong>
- 导航条链接必须指向可解析的id目标。举个例子,导航中的 <code>&lt;a href="#home"&gt;home&lt;/a&gt;</code> 必须对应着dom中一个真实存在的id='home'元素,比如 <code>&lt;div id="home"&gt;&lt;/div&gt;</code> 。
+ 导航条链接必须指向一个可解析的元素id。举个例子,导航中的 <code>&lt;a href="#home"&gt;home&lt;/a&gt;</code> 必须对应着dom中一个真实存在的id='home'元素,比如 <code>&lt;div id="home"&gt;&lt;/div&gt;</code> 。
</div>
<h3>选项</h3>
<table class="table table-bordered table-striped">
@@ -890,15 +890,15 @@ <h4 id="three">耳光</h4>
<tr>
<td>show</td>
<td>
- 该事件在标签开始展示时(尚未渲染完之前)。
- 使用 <code>event.target</code> 指向要激活的标签, <code>event.relatedTarget</code> 提向之前已激活的标签(如果有的话)。
+ 该事件在标签开始展示时(尚未渲染完之前)触发
+ <code>event.target</code> 指向要激活的标签, <code>event.relatedTarget</code> 提向之前已激活的标签(如果有的话)。
</td>
</tr>
<tr>
<td>shown</td>
<td>
- 该事件在标签已经呈现后触后(已渲染完成)。
- 使用 <code>event.target</code> 指向要激活的标签, <code>event.relatedTarget</code> 提向之前已激活的标签(如果有的话)。
+ 该事件在标签已经呈现后(已渲染完成)触发
+ <code>event.target</code> 指向要激活的标签, <code>event.relatedTarget</code> 提向之前已激活的标签(如果有的话)。
</td>
</tr>
</tbody>
@@ -1015,7 +1015,7 @@ <h4 id="three">耳光</h4>
<h3>方法</h3>
<h4>$().tooltip(options)</h4>
<p>
- 对某个元素集合添加工具提示处理
+ 对某个元素集合添加工具提示的处理
</p>
<h4>.tooltip('show')</h4>
<p>显示某个元素的工具提示。</p>
@@ -1231,7 +1231,7 @@ <h4 class="alert-heading">微博控们注意了!</h4>
<tr>
<td>closed</td>
<td>
- 在通知已经关闭后(等待css过场效果完成)触发。
+ 在通知已经关闭后(等待css过渡效果完成)触发。
</td>
</tr>
</tbody>
@@ -1374,16 +1374,16 @@ <h4 class="alert-heading">微博控们注意了!</h4>
</div>
<div class="row">
<div class="span3 columns">
- <h3>切换介绍</h3>
+ <h3>折叠介绍</h3>
<p>
- 为切换类的组件(比如手风琴式应用,导航栏)提供基本的样式和灵活的支持。
+ 为可折叠的组件(比如手风琴式应用,导航栏)提供基本的样式和灵活的支持。
</p>
- <a href="assets/js/bootstrap-collapse.js" target="_blank" class="btn">Download file</a>
+ <a href="assets/js/bootstrap-collapse.js" target="_blank" class="btn">下载文件</a>
</div>
<div class="span9 columns">
<h2>手风琴式应用的例子</h2>
<p>
- 使用切换插件构造手风琴式的边栏
+ 使用折叠插件构造手风琴式的边栏
</p>
<div class="accordion" id="accordion2">
@@ -1786,7 +1786,7 @@ <h4 class="alert-heading">微博控们注意了!</h4>
</table>
<h3>标记</h3>
- <p>使用data-属性为一个元素注册输入提醒功能。</p>
+ <p>使用data-属性为一个元素加入输入提醒功能。</p>
<pre class="prettyprint linenums">
&lt;input type="text" data-provide="typeahead"&gt;
</pre>
@@ -1812,8 +1812,8 @@ <h4 class="alert-heading">微博控们注意了!</h4>
<!-- Le javascript
================================================== -->
- <!-- Placed at the end of the document so the pages load faster -->
- <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
+ <!-- Placed at the end of the document so the pages load faster
+ <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> -->
<script src="assets/js/jquery.js"></script>
<script src="assets/js/google-code-prettify/prettify.js"></script>
<script src="assets/js/bootstrap-transition.js"></script>
View
19 docs/less.html
@@ -121,6 +121,7 @@
<h3>了解更多</h3>
<img style="float: right; height: 36px;" src="assets/img/less-logo-large.png" alt="LESS CSS">
<p>
+ 详见LESS官网 <a href="http://lesscss.org">http://lesscss.org</a> 。<br />
详见LESS中国官网 <a href="http://lesscss.net">http://lesscss.net</a> 。
</p>
</div>
@@ -129,19 +130,19 @@
<div class="span4">
<h3><a href="#variables">变量</a></h3>
<p>
- 没有使用LESS之前,在CSS中管理颜色和像素值是个痛苦的事情,通常充斥着复制粘贴操作。现在可以借助LESS将颜色和像素值声明为变量,并对其进行一次性赋值
+ 没有使用LESS之前,在CSS中管理颜色和像素值是个痛苦的事情,通常充斥着复制粘贴操作。现在可以借助LESS将颜色和像素值声明为变量,并对其一次性赋值
</p>
</div>
<div class="span4">
<h3><a href="#mixins">混合</a></h3>
<p>
- 需在一个规则的ol的CSS中声明三种边框圆角时怎么办?借助混合,可以将它们写到一行,用在任何可以重用的地方
+ 需在一个规则的ol的CSS中声明三种边框圆角时怎么办?借助混合,可以将它们写到一行,然后在其他地方重用
</p>
</div>
<div class="span4">
<h3>运算</h3>
<p>
- 通过数学运算可以即时并灵活地调整栅格尺寸和行间距。借助加减乘除,将CSS变更有条理。
+ 通过数学运算可以即时灵活地调整栅格尺寸和行间距。借助加减乘除,将CSS变更有条理。
</p>
</div>
</div>
@@ -445,7 +446,7 @@
</pre>
</div><!-- /span4 -->
<div class="span4">
- <h3>易于自定义</h3>
+ <h3>易于定制</h3>
<p>
基本上Bootstrap所有的混合都保存在mixins.less,
这是一个出色的工具类.less文件,我们可以在任何一个.less文件中使用其中的混合。
@@ -818,8 +819,8 @@
<!-- Footer
================================================== -->
- <footer class="footer">
- <p class="pull-right"><a href="#">回到顶端</a></p>
+ <footer class="footer">
+ <p class="pull-right"><a href="#">回到顶端</a></p>
<p>我们倾注世间之爱于设计与创作 <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>,由<a href="http://weibo.com/tvlikedev">Tvlike.me/TV来客开发者</a>翻译</p>
<p>开源依照 <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a> 发布。 文档依照 <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> 发布。</p>
<p>Icons取自 <a href="http://glyphicons.com">Glyphicons Free</a>,授权依照 <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>。</p>
@@ -830,9 +831,9 @@
<!-- Le javascript
- ================================================== -->
- <!-- Placed at the end of the document so the pages load faster -->
- <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
+ ================================================== -->
+ <!-- Placed at the end of the document so the pages load faster
+ <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> -->
<script src="assets/js/jquery.js"></script>
<script src="assets/js/google-code-prettify/prettify.js"></script>
<script src="assets/js/bootstrap-transition.js"></script>
View
6 docs/scaffolding.html
@@ -701,7 +701,7 @@
<!-- Footer
================================================== -->
- <footer class="footer">
+ <footer class="footer">
<p class="pull-right"><a href="#">回到顶端</a></p>
<p>我们倾注世间之爱于设计与创作 <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>,由<a href="http://weibo.com/tvlikedev">Tvlike.me/TV来客开发者</a>翻译</p>
<p>开源依照 <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a> 发布。 文档依照 <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> 发布。</p>
@@ -714,8 +714,8 @@
<!-- Le javascript
================================================== -->
- <!-- Placed at the end of the document so the pages load faster -->
- <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
+ <!-- Placed at the end of the document so the pages load faster
+ <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> -->
<script src="assets/js/jquery.js"></script>
<script src="assets/js/google-code-prettify/prettify.js"></script>
<script src="assets/js/bootstrap-transition.js"></script>
View
29 docs/wrongway.html
@@ -82,18 +82,41 @@
<header class="jumbotron subhead" id="overview">
<h1>译者言</h1>
<p class="lead">
- 译者wrongway,<a href="http://weibo.com/tvlikedev">Tvlike.me/TV来客开发者</a>
+ 主译者wrongway,<a href="http://weibo.com/tvlikedev">Tvlike.me/TV来客开发者</a>
</p>
</header>
-<section class="download" id="components">
+<section >
<div class="page-header">
<h1>
1. 初衷
<small>为tvlike.me选择一款能快速开发的前端框架</small>
</h1>
</div>
-</section><!-- /download -->
+</section>
+
+
+<section>
+ <div class="page-header">
+ <h1>
+ 2. 热心译者
+ <small>排名无先后</small>
+ </h1>
+ </div>
+ <div>
+ <dl class="dl-horizontal">
+ <dt>小空</dt>
+ <dd>前端匠人,Qt专家,现就职于Qt实验室 <a href="blog.zzjin.net">blog.zzjin.net</a> </dd>
+ <dd></dd>
+ <dt>Wrong太</dt>
+ <dd>Wrongway太太,为疑难词句提供专业翻译,现在她正在创作自己的官案悬疑小说 <a href="http://www.motie.com/book/9214">《大明御史传》</a> </dd>
+ <dd></dd>
+ <dt>孔祥赫KXH</dt>
+ <dd>另一版本的译者,为第三次修订提供了有借鉴意义的参照。<a href="http://www.fishno.com">www.fishno.com</a></dd>
+ <dd></dd>
+ </dl>
+ </div>
+</section>
<!-- Footer

No commit comments for this range

Something went wrong with that request. Please try again.