Css 需要使用引导创建如图所示的布局。如何放置所有字段？

我想使用引导创建这个布局。它应该是响应性的。我无法将事情安排到位，因为我正在为每个图像使用不同的行

我的代码：

德克萨斯州批准
在线驱动程序

美国第一驾驶学校-最受欢迎的课程提供商
保存到DPS的旅程！课程包括正式考试
100%通过率-保证通过正式测试
移动、平板电脑或电脑-方便、自定进度的课程

您需要一行来放置所有内容，将其分为两列。在左列之后，还应将一行进一步划分为两列

 <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="row">
                        <div class="col-md-6">
                            <img src="http://placehold.it/200x200" />
                        </div>
                        <div class="col-md-6">
                            <h3>State of Texas Approved</h3>
                            <h2>Online Drivers Ed</h2>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <ul>
                                <li>America's #1 Driving School - Most Selected Course Provider</li>
                                <li>Save a trip to the DPS! Official test included in the Course</li>
                                <li>100% Pass Rate - Guaranteed to Pass the Official Test</li>
                                <li>Mobile, Tablet or Computer - Convenient, Self-Paced Course</li>
                            </ul>
                            <div class="small-images">
                                <img src="http://placehold.it/200x100">
                                <img src="http://placehold.it/200x100">
                            </div>
                        </div>

                    </div>
                </div>    
                <div class="col-md-6">
                    <img src="http://placehold.it/300x300" />
                </div>    
            </div>    
        </div>

德克萨斯州批准
在线驱动程序

美国第一驾驶学校-最受欢迎的课程提供商
保存到DPS的旅程！课程包括正式考试
100%通过率-保证通过正式测试
移动、平板电脑或电脑-方便、自定进度的课程

您的小提琴不包括任何引导CSS/JS文件。我更新了你的小提琴，把它们也包括进去了。看看你最新的小提琴：谢谢你的回复。但是，我如何才能使右侧的大图像适合整个列？当前它比列小，并且在图像的右侧还有空间。我还需要使大图像的高度等于第一列的列高度。大图应该和两个小图从底部相邻，这取决于你们们希望你们们的img被放置的方式。最简单的方法是将其作为背景图像应用。但由于引导网格使用float，所以即使高度设置为%，在某些内容位于块中之前，它也不会显示。因此，这里的技巧是将另一个div作为右列的子级放置，并使用如下填充底部大小。如果您想将图像另存为标记

transform:scale

应该会有所帮助。但正如你们所看到的，它会使你们的照片丑陋，所以最好用大的来代替。