Translate bootstrap 31/31 #55
Open
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
问题不少，请详细查阅。 |
huluoyang
added
the
need update
huluoyang
suggested changes
Aug 3, 2018
| ], | ||
| "tests": [ | ||
| { | ||
| "text": "Your <code>div</code> element should have the class <code>container-fluid</code>.", | ||
| "testString": "assert($(\"div\").hasClass(\"container-fluid\"), 'Your <code>div</code> element should have the class <code>container-fluid</code>.');" | ||
| "text": "你的 <code>div</code> 元素应该具有属性 class 并且值为 <code>container-fluid</code>。", |
There was a problem hiding this comment.
翻译生硬
建议： div 元素的 class 属性应该为 container-fluid。
| }, | ||
| { | ||
| "text": "Your new image should not have the class <code>smaller-image</code>.", | ||
| "testString": "assert(!$(\"img:eq(1)\").hasClass(\"smaller-image\"), 'Your new image should not have the class <code>smaller-image</code>.');" | ||
| "text": "你的新图片不应该含有 <code>smaller-image</code> 的类（class）属性。", |
| "With responsive design, there is no need to design a mobile version of your website. It will look good on devices with screens of any width.", | ||
| "You can add Bootstrap to any app by adding the following code to the top of your HTML:", | ||
| "之前，在 freeCodeCamp 的 HTML5 和 CSS 章节中我们构建了一个 Cat Photo App。这次我们将会使用最受欢迎的响应式 CSS 框架 Bootstrap 来美化它。", | ||
| "Bootstrap 会根据你的屏幕大小来调节 HTML 元素的大小——因此称为 <code>响应式设计( Responsive Design )</code>。", |
| "<button class='btn btn-default'>Submit</button>", | ||
| "By making them block elements with the additional class of <code>btn-block</code>, your button will stretch to fill your page's entire horizontal space and any elements following it will flow onto a \"new line\" below the block.", | ||
| "通过为按钮添加 class <code>btn-block</code> 使其称为块级元素，你的按钮会伸展并填满页面整个水平空间并让后续的元素流到这个块下方的 \"新的一行\" 。", |
| "Note that these buttons still need the <code>btn</code> class.", | ||
| "Add Bootstrap's <code>btn-block</code> class to your Bootstrap button." | ||
| "记住这些按钮仍然需要 <code>btn</code> 这个 class。", | ||
| "添加 Bootstrap 的 <code>btn-block</code> 类到你 Bootstrap 按钮上吧。" |
| @@ -2027,21 +2028,21 @@ | |||
| "id": "bad87fee1348bd9aec908849", | |||
| "title": "Add Elements within Your Bootstrap Wells", | |||
| "description": [ | |||
| "Now we're several <code>div</code> elements deep on each column of our row. This is as deep as we'll need to go. Now we can add our <code>button</code> elements.", | |||
| "Nest three <code>button</code> elements within each of your <code>well</code> <code>div</code> elements." | |||
| "现在我们已经在行内的每一列都嵌套了好几层 <code>div</code> 元素。这已经足够了，现在让我们添加 <code>button</code> 元素吧。", | |||
There was a problem hiding this comment.
several div elements
好几个 div 元素
哪里来得好几层？
建议：现在每一行的每一列都有了 div 元素，这已经足够了，现在让我们添加 button 元素吧。
| }, | ||
| { | ||
| "text": "Give your <code>button</code> element with the id <code>target6</code> the text <code>#target6</code>.", | ||
| "testString": "assert(new RegExp(\"#target6\",\"gi\").test($(\"#target6\").text()), 'Give your <code>button</code> element with the id <code>target6</code> the text <code>#target6</code>.');" | ||
| "text": "为你的 id 为 <code>target6</code> 的 <code>button</code> 元素输入文本 <code>#target6</code>。", |
There was a problem hiding this comment.
曲解原文
建议：给 id 为 target6 的 button 元素设置文本为#target6。
03-front-end-libraries/bootstrap.md
Outdated
| * 图片 | ||
| * 表格 | ||
| * 表单 | ||
| * 导航栏 |
There was a problem hiding this comment.
navigation 导航
navigationBar 导航栏
| }, | ||
| { | ||
| "text": "Be sure to close your comment with <code>--></code>.", | ||
| "testString": "assert(code.match(/-->.*\\n+.+/g), 'Be sure to close your comment with <code>--></code>.');" | ||
| "text": "确保你的注释有通过 <code>--></code> 正确的闭合。", |
03-front-end-libraries/bootstrap.md
Outdated
|
|
||
| This section introduces some of the ways to use Bootstrap in your web projects. | ||
| 这个章节介绍了在网页项目中使用 Bootstrap 的一些方式。 |
There was a problem hiding this comment.
这个章节介绍了如何使用 Bootstrap 来设计响应式界面。
next review Responsively Style Radio Buttons chapter
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
翻译章节
前端库和框架：Bootstrap
翻译文件