Html 将图像粘贴到侧面响应引导

我正在尝试创建以下内容：

我有左右图像和猴子图像。 我试图创建一行，并使左图像COL-3，右图像COL-3和猴子和文本COL-6在中间。 所有的东西都堆积在一起，从屏幕上出来，不起作用。我怎么能做这种东西

    <section class="hero-area">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-3 col-xs-3">
                <img src="images/hero-left.svg" class="" alt="">
            </div>
            <div class="col-xs-6 col-md-126>
                <h1 class="">
                    <b>monKey</b> Generator</h1>
                <br>
                <h2 class="">Generate a
                    <b>unique monkey</b> avatar
                    <br> from a
                    <b>Banano public key</b>
                </h2>
                <img src="https://bananomonkeys.herokuapp.com/image?address=ban_3tapge8i4kw9wa4irgda7epm4gaurr4rnp7ybjziphkt48afd6ba5pnaegs6"
                    class="" alt="">
            </div>
            <div class="col-md-3 col-sm-3">
                <img src="images/hero-right.svg" class="" alt="">
            </div>
        </div>
    </div>
</section>

上面的代码片段中有两个输入错误，例如：
col-md-126
，之后缺少
”
。此外，引导程序4在cols上没有xs，因此只需使用
col-3 col-6 col-3
即可。
请参阅下面的代码片段


img{
宽度：100%；
}

猴子发电机


产生
独特的猴子头像

从
Banano公钥
上面的代码片段中有几处输入错误，例如：
col-md-126
，之后缺少
“
。此外，引导程序4在col上没有xs，因此仅使用
col-3 col-6 col-3
就可以完成这项工作。
请参阅下面的代码片段


img{
宽度：100%；
}

猴子发电机


产生
独特的猴子头像

从
Banano公钥
您将col-md-12添加到中间部分，而不是col-md-6编辑，即使有6，一切都乱七八糟。您将col-md-12添加到中间部分，而不是col-md-6编辑，即使有6，一切都乱七八糟