失败的引导网格系统

Question

我只是想创建一个简单的两列部分，但它不起作用。 实际上这个问题已经困扰了我这么长时间。有时我可以解决它，有时我不能。所以请帮帮我！

<section>
<div class="cotainer">
    <div class="row">
        <div class="col-xs-6">
            <img src="../img/adobe-dreamweaver--Feature_1290x688_MS.jpg"/>
        </div>
        <div class="col-xs-6">
            <h1>Web-Design</h1>
        </div>
    </div>
</div>

这就是它的样子：

Answer 1

在HTML头中包含bootstrap.css并修复代码：检查类名并为这些列中的图像添加img-responsive类。

<div class="container">
    <div class="row">
        <div class="col-xs-6">
            <img class="img-responsive" src="../img/adobe-dreamweaver--Feature_1290x688_MS.jpg"/>
        </div>
        <div class="col-xs-6">
            <h1>Web-Design</h1>
        </div>
    </div>
</div>

接下来要阅读Bootstrap文档：http://getbootstrap.com。