chore(i8n,learn): processed translations

This commit is contained in:
Crowdin Bot
2021-02-06 04:42:36 +00:00
committed by Mrugesh Mohapatra
parent 15047f2d90
commit e5c44a3ae5
3274 changed files with 172122 additions and 14164 deletions

View File

@@ -1,6 +1,6 @@
---
id: bad87fee1347bd9aedf08845
title: 用 Bootstrap 来取代我们之前的自定义样式
title: Ditch Custom CSS for Bootstrap
challengeType: 0
forumTopicId: 17565
dashedName: ditch-custom-css-for-bootstrap
@@ -8,31 +8,31 @@ dashedName: ditch-custom-css-for-bootstrap
# --description--
现在我们可以清理一下之前代码,用 Bootstrap 的内置样式来替换我们之前定义的样式,这样会让我们的 Cat Photo App 看起来更简洁些。
We can clean up our code and make our Cat Photo App look more conventional by using Bootstrap's built-in styles instead of the custom styles we created earlier.
别担心————以后我们会有大把时间来自定义我们的 CSS 样式的。
Don't worry - there will be plenty of time to customize our CSS later.
删除 `style` 元素里的 `.red-text`, `p`, `.smaller-image` CSS 声明,使 `style` 元素留下的声明只有 `h2` `thick-green-border`.
Delete the `.red-text`, `p`, and `.smaller-image` CSS declarations from your `style` element so that the only declarations left in your `style` element are `h2` and `thick-green-border`.
删除包含死链接的 `p` 元素。 然后将 `h2``red-text` class 替换为 Bootstrap 的 `text-primary` class.
Then delete the `p` element that contains a dead link. Then remove the `red-text` class from your `h2` element and replace it with the `text-primary` Bootstrap class.
最后, 将你第一个 `img` 元素的 "smaller-image" class 替换为 `img-responsive` class.
Finally, remove the "smaller-image" class from your first `img` element and replace it with the `img-responsive` class.
# --hints--
h2 元素的 class 不应为 `red-text`
Your h2 element should no longer have the class `red-text`.
```js
assert(!$('h2').hasClass('red-text'));
```
h2 元素的 class 应为 `text-primary`
Your h2 element should now have the class `text-primary`.
```js
assert($('h2').hasClass('text-primary'));
```
你的段落元素p应该不再使用 `Monospace` 字体。
Your paragraph elements should no longer use the font `Monospace`.
```js
assert(
@@ -42,13 +42,13 @@ assert(
);
```
移除你第一张图片的 class 属性 `smaller-image`
The `smaller-image` class should be removed from your top image.
```js
assert(!$('img').hasClass('smaller-image'));
```
给你的第一张图片添加 class 属性 `img-responsive`
You should add the `img-responsive` class to your top image.
```js
assert($('.img-responsive').length > 1);