freeCodeCamp/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/house-our-page-within-a-bootstrap-container-fluid-div.chinese.md

id, title, challengeType, forumTopicId, localeTitle

id	title	challengeType	forumTopicId	localeTitle
bad87fee1348bd9aec908746	House our page within a Bootstrap container-fluid div	0	18198	将我们的页面放在 Fluid 容器中

Description

现在让我们确保页面所有内容应该都是响应式的。 将我们的 h3 元素内嵌进一个具有 container-fluid class 的div 元素中。

Instructions

Tests

tests:
  - text: <code>div</code> 元素 class 属性应该为 <code>container-fluid</code>。
    testString: assert($("div").hasClass("container-fluid"));
  - text: 确保每一个 <code>div</code> 元素都有一个闭合标签。
    testString: assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length);
  - text: <code>h3</code> 元素应该内嵌于 <code>div</code> 元素。
    testString: assert($("div").children("h3").length >0);

Challenge Seed

<h3 class="text-primary text-center">jQuery Playground</h3>

Solution

<div class="container-fluid">
    <h3 class="text-primary text-center">jQuery Playground</h3>
</div>