Permalink
Browse files

第三次修订

  • Loading branch information...
2 parents 87bcdf0 + c85277c commit 1e0236061d20c3effea6e04ae49aa4d0d8603aaa @wrongwaycn committed May 9, 2012
Showing with 115 additions and 99 deletions.
  1. +10 −11 docs/base-css.html
  2. +1 −2 docs/components.html
  3. +2 −3 docs/download.html
  4. +0 −1 docs/examples.html
  5. +4 −5 docs/index.html
  6. +61 −61 docs/javascript.html
  7. +7 −8 docs/less.html
  8. +0 −1 docs/scaffolding.html
  9. +4 −4 docs/upgrading.html
  10. +26 −3 docs/wrongway.html
View
21 docs/base-css.html
@@ -111,7 +111,7 @@
<div class="span4">
<h3>排版尺度</h3>
<p>
- 整个排版系统的单位尺度都取决于variables.less文件中的两个Less变量:<code>@baseFontSize</code> 和 <code>@baseLineHeight</code>。
+ 整个排版系统的单位尺度都取决于variables.less文件中的两个Less变量:<code>@baseFontSize</code> 和 <code>@baseLineHeight</code>。
前者决定全局的默认字体大小font-size,后者决定默认的行高line-height。
</p>
<p>
@@ -255,7 +255,7 @@
用于引用外部内容的块级元素
</td>
<td>
- <p> <code>cite</code> 属性存放来源URL</p>
+ <p> <code>cite</code> 属性存放来源URL</p>
<code>.pull-left</code> 和 <code>.pull-right</code> 决定是内容居左还是居右
</td>
</tr>
@@ -298,7 +298,7 @@
<p>默认引用样式如下:</p>
<blockquote>
<p>
- 一天吃六个胶囊,一天三次、一次两个,没有吃掉多少铬。
+ 一天吃六个胶囊,一天三次、一次两个,没有吃掉多少铬。
</p>
<small>
卫生部合理用药专家孙忠实 于<cite title="">人民网强国论坛</cite>
@@ -508,7 +508,7 @@
<code>&lt;tbody&gt;</code>
</td>
<td>
- 容纳表格行 (<code>&lt;tr&gt;</code>)
+ 容纳表格行 (<code>&lt;tr&gt;</code>)
</td>
</tr>
<tr>
@@ -669,7 +669,7 @@
<p>
添加 <code>.table-striped</code> 让表格变得生动一点。
</p>
- <p class="muted"><strong>注意:</strong>
+ <p class="muted"><strong>注意:</strong>
该效果要用到 <code>:nth-child</code> CSS 选择器,IE7-IE8不支持该特性,因而也无法呈现效果。
</p>
<pre class="prettyprint linenums" style="margin-bottom: 18px;">
@@ -1118,7 +1118,7 @@
<p class="help-block">字母,数字,汉字皆可</p>
</div>
</div>
-
+
<div class="control-group">
<label class="control-label" for="input01">您的twitter网址</label>
<div class="controls">
@@ -1246,7 +1246,7 @@
</div>
<br>
-
+
<div class="row">
<div class="span8">
<form class="form-horizontal">
@@ -1284,7 +1284,7 @@
</p>
</div>
</div>
-
+
<div class="control-group">
<label class="control-label">别名指定尺寸</label>
<div class="controls docs-input-sizes">
@@ -1360,7 +1360,7 @@
<input type="checkbox" name="optionsCheckboxList3" value="option3">
第三个选项,同样可选并包含在表单结果中
</label>
- <p class="help-block"><strong>注意</strong>
+ <p class="help-block"><strong>注意</strong>
建议使用label标签将option选项包裹起来,这样可以提供更大的点击区域,提升表单可用性。
</p>
</div>
@@ -1722,7 +1722,7 @@
这样会避免与其他组件相冲突。
</p>
<p>
- <a href="http://glyphicons.com" target="_blank">Glyphicons</a>
+ <a href="http://glyphicons.com" target="_blank">Glyphicons</a>
允许我们在开源工具箱中使用他们设计的小型图标,前提是我们要在文档中提供链接和声明。
如果您的项目也使用了这组图标,不妨也这么做。
</p>
@@ -1832,7 +1832,6 @@
<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.motie.com/book/9214">《大明御史传》</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>
</footer>
View
3 docs/components.html
@@ -2078,7 +2078,7 @@ <h4 class="alert-heading">外交部警告!</h4>
<p>
进度条使用和按钮/警告类相似的样式,提供一致的颜色风格。
</p>
-
+
<code>.progress-info</code>
<div class="progress progress-info" style="margin:2px 0 9px 0;">
<div class="bar" style="width: 20%"></div>
@@ -2182,7 +2182,6 @@ <h4 class="alert-heading">外交部警告!</h4>
<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.motie.com/book/9214">《大明御史传》</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>
</footer>
View
5 docs/download.html
@@ -139,7 +139,7 @@
<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="accordion.less"> 折叠 / Collapse</label>
<label class="checkbox"><input checked="checked" type="checkbox" value="carousel.less"> 轮播 / Carousel</label>
</div><!-- /span -->
<div class="span3">
@@ -204,7 +204,7 @@
</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">
@@ -414,7 +414,6 @@ <h4 class="muted">注意!</h4>
<footer class="footer">
<p class="pull-right"><a href="#">Back to top</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>.</p>
- <p>感谢我太太在翻译期间提供的专业翻译帮助,与此同时,她在也创作官案悬疑小说 <a href="http://www.motie.com/book/9214">《大明御史传》</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>
</footer>
View
1 docs/examples.html
@@ -123,7 +123,6 @@
<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.motie.com/book/9214">《大明御史传》</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>
</footer>
View
9 docs/index.html
@@ -94,7 +94,7 @@
<li><a href="./upgrading.html">从 1.4 版升级</a></li>
<li><a href="https://github.com/twitter/bootstrap/zipball/master">下载文档</a></li>
<li><a href="https://github.com/twitter/bootstrap/issues?state=open">提交问题</a></li>
- <li><a href="https://github.com/twitter/bootstrap/wiki">路线图和更新</a></li>
+ <li><a href="https://github.com/twitter/bootstrap/wiki">路线图和更新日志</a></li>
</ul>
<ul class="quick-links">
<li>
@@ -117,13 +117,13 @@
<div class="marketing">
<h1>适用于任何场景,适用于每一个人</h1>
- <p class="marketing-byline">需要理由来爱上Bootstrap么?那就接着向下看。</p>
+ <p class="marketing-byline">需要理由来爱上Bootstrap么?那就请接着向下看。</p>
<div class="row">
<div class="span4">
<img class="bs-icon" src="assets/img/glyphicons/glyphicons_042_group.png">
<h2>由匠人建,为匠人用</h2>
<p>
- 和你一样,我们乐于创造出色的web应用,于是想帮助更多象我们一样的匠人更为高效快捷地构建产品。Bootstrap因此而生。
+ 和您一样,我们乐于创造出色的web应用,于是想帮助更多象我们一样的匠人更为高效快捷地构建产品。Bootstrap因此而生。
</p>
</div>
<div class="span4">
@@ -169,7 +169,7 @@
<img class="bs-icon" src="assets/img/glyphicons/glyphicons_082_roundabout.png">
<h2>不断完善的库</h2>
<p>
- 尽管只有10kb(gzip压缩过),Bootstrap却仍是最完备的前端工具箱之一,提供了几十个完整的随时可用的组件
+ 尽管只有10kb(gzip压缩后),Bootstrap却仍是最完备的前端工具箱之一,提供了几十个全功能的随时可用的组件
</p>
</div>
<div class="span4">
@@ -244,7 +244,6 @@
<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.motie.com/book/9214">《大明御史传》</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>
</footer>
View
122 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,16 +148,16 @@
<label>
<h3><a href="./javascript.html#tooltips">工具提示</a></h3>
<p>
- 该插件采用jQuery的Tipsy插件,并不依赖于图像&mdash;
- 而是使用CSS3实现动画效果和利用data属性存储本地标题
+ 该插件借鉴了jQuery的Tipsy插件,并不依赖于图像&mdash;
+ 而是使用CSS3实现动画效果并利用data属性存储本地标题
</p>
</label>
</div>
<div class="span3">
<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,47 +166,47 @@
<label>
<h3><a href="./javascript.html#alerts">通知消息</a></h3>
<p>
- 通知插件使用轻巧的类以实现关闭通知框的功能
+ 通知插件利用轻巧的类以实现关闭通知框的功能
</p>
</label>
</div>
<div class="span3">
<label>
<h3><a href="./javascript.html#buttons">按钮</a></h3>
<p>
- 控制按钮的状态或者为其他复合控件(比如工具条)创建按钮组。
+ 控制按钮状态或者为其他复合控件(比如工具条)创建按钮组。
</p>
</label>
</div>
</div> <!-- /row -->
<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>
</label>
</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>
@@ -293,7 +293,7 @@
<hr>
-
+
<h2>使用 bootstrap-modal</h2>
@@ -456,7 +456,7 @@
&lt;/div&gt;
</pre>
<div class="alert alert-info">
- <strong>强调!</strong>
+ <strong>强调!</strong>
要实现对话框显示与消隐时的动画效果,必须包含 bootstrap-transition.js.,再对 <code>.modal</code> 元素应用 <code>.fade</code> ,即可实现淡入淡出。
</div>
<h3>方法</h3>
@@ -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>
@@ -629,7 +629,7 @@
包含bootstrap-dropdown.js,然后设置 <code>data-toggle="dropdown"</code> 可以为任何元素添加并激活下拉项
</p>
<div class="alert alert-info">
- <strong>强调!</strong>
+ <strong>强调!</strong>
可以使用 <code>data-target="#id"</code> 或 <code>href="#id"</code> 激活某个下拉项,如下
</div>
<ul class="nav nav-pills">
@@ -652,10 +652,10 @@
点击我看看
</a>
</li>
-
+
</ul>
-
+
<pre class="prettyprint linenums">
&lt;ul class="nav nav-pills"&gt;
@@ -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">
@@ -834,7 +834,7 @@ <h4 id="three">耳光</h4>
</div>
<div class="tab-pane fade" id="dropdown2">
<p>
- 不是政府人士,永远不要去做政府的吹鼓手,因为吹鼓手在政府眼里永远只值一个夜壶铜钿,尿急了拿出来用一下,用完了将夜壶放到最角落地方;你吹得越起劲,不仅公众看不起你,政府更看不起你,所以吹鼓手都没有好下场。-----杜月笙
+ 不是政府人士,永远不要去做政府的吹鼓手,因为吹鼓手在政府眼里永远只值一个夜壶铜钿,尿急了拿出来用一下,用完了将夜壶放到最角落地方;你吹得越起劲,不仅公众看不起你,政府更看不起你,所以吹鼓手都没有好下场。-----杜月笙
</p>
</div>
</div>
@@ -867,10 +867,10 @@ <h4 id="three">耳光</h4>
&lt;/ul&gt;
&lt;div class="tab-content"&gt;
- &lt;div class="tab-pane active" id="首页"&gt;...&lt;/div&gt;
- &lt;div class="tab-pane" id="介绍"&gt;...&lt;/div&gt;
- &lt;div class="tab-pane" id="消息"&gt;...&lt;/div&gt;
- &lt;div class="tab-pane" id="设置"&gt;...&lt;/div&gt;
+ &lt;div class="tab-pane active" id="home"&gt;...&lt;/div&gt;
+ &lt;div class="tab-pane" id="profile"&gt;...&lt;/div&gt;
+ &lt;div class="tab-pane" id="messages"&gt;...&lt;/div&gt;
+ &lt;div class="tab-pane" id="settings"&gt;...&lt;/div&gt;
&lt;/div&gt;
&lt;script&gt;
@@ -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>
@@ -1042,7 +1042,7 @@ <h4 id="three">耳光</h4>
<div class="span3 columns">
<h3>弹出提示介绍</h3>
<p>
- 与iPad上的效果类似,把存放输助信息的元素显示为弹出框提示。
+ 与iPad上的效果类似,把存放输助信息的元素显示为弹出框提示。
</p>
<p class="muted"><strong>*</strong> 需要包含 <a href="#tooltips">Tooltip</a> 。</p>
<a href="assets/js/bootstrap-popover.js" target="_blank" class="btn">下载文件</a>
@@ -1231,7 +1231,7 @@ <h4 class="alert-heading">微博控们注意了!</h4>
<tr>
<td>closed</td>
<td>
- 在通知已经关闭后(等待css过场效果完成)触发。
+ 在通知已经关闭后(等待css过渡效果完成)触发。
</td>
</tr>
</tbody>
@@ -1256,7 +1256,7 @@ <h4 class="alert-heading">微博控们注意了!</h4>
<div class="span3 columns">
<h3>按钮介绍</h3>
<p>
- 控制按钮的状态或者为其他复合控件(比如工具条)创建按钮组。
+ 控制按钮的状态或者为其他复合控件(比如工具条)创建按钮组。
</p>
<a href="assets/js/bootstrap-button.js" target="_blank" class="btn">下载文件</a>
</div>
@@ -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">
@@ -1467,7 +1467,7 @@ <h4 class="alert-heading">微博控们注意了!</h4>
</p>
<pre class="prettyprint linenums">
&lt;button class="btn btn-danger" data-toggle="collapse" data-target="#demo"&gt;
- simple collapsible
+ 简单手风琴效果
&lt;/button&gt;
&lt;div id="demo" class="collapse in"&gt;&lt;/div&gt;</pre>
@@ -1536,7 +1536,7 @@ <h4 class="alert-heading">微博控们注意了!</h4>
<pre class="prettyprint linenums">
$('#myCollapsible').on('hidden', function () {
- // do something…
+ // 做点hidden之后的事情
})</pre>
</div>
</div>
@@ -1568,7 +1568,7 @@ <h4 class="alert-heading">微博控们注意了!</h4>
<div class="carousel-caption">
<h4>即使杀光所有报晓的公鸡,天,还是会亮的</h4>
<p>
- @shifeike: 昨天是李尚平被枪杀10周年,我发的那条纪念微博,成为我的新浪微博账号最后一条微博。这个2010年1月为反对红中抢笔而注册的微博,两年多时间里发了14538条微博,加上被删除的差不多近200万字,积累了96269条粉丝,自此灰飞烟灭。
+ @shifeike: 昨天是李尚平被枪杀10周年,我发的那条纪念微博,成为我的新浪微博账号最后一条微博。这个2010年1月为反对红中抢笔而注册的微博,两年多时间里发了14538条微博,加上被删除的差不多近200万字,积累了96269条粉丝,自此灰飞烟灭。
</p>
</div>
</div>
@@ -1596,7 +1596,7 @@ <h4 class="alert-heading">微博控们注意了!</h4>
</div>
<div class="alert alert-info">
<strong>强调!</strong>
- 实现轮翻时,请移除我们提供的图片,替换为你自己的。
+ 实现轮播时,请移除我们提供的图片,替换为你自己的。
</div>
<hr>
<h2>使用 bootstrap-carousel.js</h2>
@@ -1716,7 +1716,7 @@ <h4 class="alert-heading">微博控们注意了!</h4>
<div class="span3 columns">
<h3>输入提醒介绍</h3>
<p>
- 简单,易于拓展,可迅速地为表单中的文本输入框创建优雅的提醒。
+ 简单,易于拓展,可迅速地为表单中的文本输入框创建优雅的提醒。
</p>
<a href="assets/js/bootstrap-typeahead.js" target="_blank" class="btn">下载文件</a>
</div>
@@ -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>
@@ -1800,10 +1800,10 @@ <h4 class="alert-heading">微博控们注意了!</h4>
<!-- Footer
================================================== -->
<footer class="footer">
- <p class="pull-right"><a href="#">Back to top</a></p>
- <p>Designed and built with all the love in the world <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>.</p>
- <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
- <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</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>
</footer>
</div><!-- /container -->
@@ -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
15 docs/less.html
@@ -82,7 +82,7 @@
<header class="jumbotron subhead" id="overview">
<h1>在Bootstrap中使用LESS</h1>
<p class="lead">
- 我们使用 <a href="http://lesscss.org" target="_blank">LESS</a> (一种CSS预处理器)定制和扩展Bootstrap。
+ 我们使用 <a href="http://lesscss.net" target="_blank">LESS</a> (一种CSS预处理器)定制和扩展Bootstrap。
LESS充分利用变量,混合以及其他有用的工具来构建Bootstrap的CSS。
</p>
<div class="subnav">
@@ -122,7 +122,7 @@
<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> 。
+ 详见LESS中国官网 <a href="http://lesscss.net">http://lesscss.net</a> 。
</p>
</div>
</div>
@@ -165,13 +165,13 @@
<tr>
<td class="span2"><code>@linkColor</code></td>
<td>#08c</td>
- <td>Default link text color</td>
+ <td>默认的链接颜色</td>
<td class="swatch-col"><span class="swatch" style="background-color: #08c;"></span></td>
</tr>
<tr>
<td><code>@linkColorHover</code></td>
<td><code>darken(@linkColor, 15%)</code></td>
- <td>Default link text hover color</td>
+ <td>默认悬停时的链接颜色</td>
<td><span class="swatch" style="background-color: #005580;"></span></td>
</tr>
</tbody>
@@ -446,7 +446,7 @@
</pre>
</div><!-- /span4 -->
<div class="span4">
- <h3>易于自定义</h3>
+ <h3>易于定制</h3>
<p>
基本上Bootstrap所有的混合都保存在mixins.less,
这是一个出色的工具类.less文件,我们可以在任何一个.less文件中使用其中的混合。
@@ -480,7 +480,7 @@
<tr>
<td><code>.center-block()</code></td>
<td><em class="muted">无</em></td>
- <td>Auto center a block-level element using <code>margin: auto</code></td>
+ <td>使用<code>margin: auto</code>把块级元素自动居中</td>
</tr>
<tr>
<td><code>.ie7-inline-block()</code></td>
@@ -735,7 +735,7 @@
<h1>使用LESS编译Bootstrap</h1>
</div>
<div class="alert alert-info">
- <strong>注意:</strong>
+ <strong>注意:</strong>
如果您向Github pull修改后的代码,您<strong>必须</strong>通过下列方式重新编译CSS。
</div>
<h2>编译的工具</h2>
@@ -822,7 +822,6 @@
<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.motie.com/book/9214">《大明御史传》</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>
</footer>
View
1 docs/scaffolding.html
@@ -704,7 +704,6 @@
<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.motie.com/book/9214">《大明御史传》</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>
</footer>
View
8 docs/upgrading.html
@@ -273,10 +273,10 @@
<!-- Footer
================================================== -->
<footer class="footer">
- <p class="pull-right"><a href="#">Back to top</a></p>
- <p>Designed and built with all the love in the world <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>.</p>
- <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
- <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</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>
</footer>
</div><!-- /container -->
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

0 comments on commit 1e02360

Please sign in to comment.