chore(i8n,learn): processed translations
This commit is contained in:
committed by
Mrugesh Mohapatra
parent
15047f2d90
commit
e5c44a3ae5
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user