Html 如何在响应式布局中将右栏置于左上方？

我有一个布局，在一行中有一个左右列。经过研究，我能够使图像响应，右栏确实位于顶部，但在全屏视图中，左栏希望保留在右栏下方

下面是代码和css

<div class="row">
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 main pull-right rightslide">
<img src="images/slideright.jpg"  
</div>
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 pull-left leftslide">
<div class="lefttext">
Full Service Marketing and Advertising Solutions with <strong>Guaranteed Results</strong>
</div>
</div>
</div>

and the css for the right and left slide 
.rightslide {
display:block;
max-width:100%;
float:right;
}
.rightslide img {
width:100%;
}
.leftslide {
display:block;
float:left;
}
.lefttext {
font-size:52px;
}

具有保证结果的全方位服务营销和广告解决方案
以及左右幻灯片的css
.右幻灯片{
显示：块；
最大宽度：100%；
浮动：对；
}
.右滑梯img{
宽度：100%；
}
.左滑梯{
显示：块；
浮动：左；
}
.lefttext{
字体大小：52px；
}

---

这是因为一个元素在另一个元素的内部 使用inspect元素，同时忘记关闭图像标记

只需关闭图像标签，它就会工作

---

它会产生错误并将一个元素写入另一个元素中

这是因为一个元素位于另一个元素的内部 使用inspect元素，同时忘记关闭图像标记

只需关闭图像标签，它就会工作

---

它会产生bug，并在另一个元素中写入一个元素

哇，谢谢！这就解决了问题。吸取教训，总是先调试。哈哈哈，没问题，@ChrisCollins如果是答案，请将其标记为asnwer，谢谢：p@ChrisCollins如果这是你的答案，我会非常感激你的。当然（我答案左侧的灰色箭头）我正在努力在这里建立声誉；）哇，谢谢你！这就解决了问题。吸取教训，总是先调试。哈哈哈，没问题，@ChrisCollins如果是答案，请将其标记为asnwer，谢谢：p@ChrisCollins如果这是你的答案，我会非常感激你的。当然（我答案左侧的灰色箭头）我正在努力在这里建立声誉；）