div
元素上。
把我们的第一张图片和 h2
元素用一个简单的 <div class="row">
元素包裹起来。再用 <div class="col-xs-8">
包裹我们的 h2
元素,用 <div class="col-xs-4">
包裹我们的图片,这样它们就能位于同一行了。
注意现在图片是否与文字大小一致呢?
h2
元素和最上方的 img
元素应该一起内嵌于具有 row
class 的 div
元素内。
testString: assert($("div.row:has(h2)").length > 0 && $("div.row:has(img)").length > 0);
- text: 最上方的 img
元素应该内嵌于含有 col-xs-4
class 的 div
元素中。
testString: assert($("div.col-xs-4:has(img)").length > 0 && $("div.col-xs-4:has(div)").length === 0);
- text: h2
元素应该内嵌于含有 col-xs-8
class的 div
元素中。
testString: assert($("div.col-xs-8:has(h2)").length > 0 && $("div.col-xs-8:has(div)").length === 0);
- text: 确保每一个 div
元素都有一个闭合标签。
testString: assert(code.match(/<\/div>/g) && code.match(/