Html 需要帮助将图像添加到响应性布局吗

我正在使用Bootstrap3制作一个响应迅速的网站，我才刚刚开始使用它，所以我还没有真正掌握它的窍门。我在一个容器中做了两列。在第一列我有一个导航栏/图像，在第二列我有文本。我试图在导航栏/图片下方添加3个图片（以div为单位），但当我尝试这样做时，div显示，但右边的列移动到手机上应该显示的位置。我认为我的媒体查询与此有关，但我不确定如何修复它。这就是我想要它看起来的样子，以及响应性，也是我试图实现这些图像时发生的事情

/*样式表*/
#巴克
{
背景图片：url（“Graphics/ravenna.png”）；
背景重复：重复；
身高：100%；
}
/*最大的容器和图案背景*/
#初级的{
填充：10px；
背景图片：url（“Graphics/paper_fibers.png”）；
背景重复：重复；
身高：100%；
-moz盒阴影：0px 0px 20px#000000；
-网络工具包盒阴影：0px 0px 20px#000000；
盒影：0px 0px 20px#000000；
}
#页眉/*复古游戏商场标志*/
{
高度：100px；
宽度：100%；
背景图片：url（“Graphics/SiteLogo.png”）；
背景重复：无重复；
背景大小：100%100%；
背景位置：中心；
}  
.Content/*包含两列街机照片和文本*/
{
宽度：100%；
背景色：白色；
调整大小：两者；
边界半径：0px 25px 25px 25px；
边框：1px纯白；
}
#HeaderText/*标题*/
{
字体系列：'Rokkitt'，衬线；
字体大小：35px；
颜色：黑色；
文字装饰：下划线；
右边填充：20px；
}
#RegularText/*正文*/
{
字体系列：'Rokkitt'，衬线；
字号：18px；
右边填充：20px；
}
dropcap先生
{浮动：左；
颜色：#903；
字体大小：75px；
线高：60px；
垫面：4px；
右边填充：8px；
左：3倍；
字体系列：格鲁吉亚；
}
#街机/*街机照片*/
{
宽度：100%；
}
/*导航按钮*/
.帖子内容
{
字体系列：“Didact哥特式”，无衬线；
字体大小：150%；/*20px*/
顶部：120px；
左：15px；
位置：相对位置；
字母间距：2px；
}
#右行
{
位置：相对位置；
}
.中心块
{
位置：相对位置；
顶部：-200px；
左侧填充：10px；
}
.img-responsive.gallery
{
浮动：左；
宽度：158px；
高度：162px；
右边距：25px；
}
158, 162
.col-md-12
{
位置：相对位置；
}
.页脚基本居中{
背景色：#292c2f；
盒影：0 1px 1px 0 rgba（0,0,0,0.12）；
框大小：边框框；
宽度：100%；
文本对齐：居中；
字体：普通18px无衬线；
填充：15px；
边缘顶部：80px；
}
.footer基本居中。footer公司座右铭{
颜色：#8d9093；
字体大小：24px；
保证金：0；
}
.footer基本居中。footer公司名称{
颜色：#8f9296；
字体大小：14px；
保证金：0；
}
.footer基本居中。页脚链接{
列表样式：无；
字体大小：粗体；
颜色：#ffffff；
填充：35px 0 23px；
保证金：0；
}
.footer基本居中。页脚链接a{
显示：内联块；
文字装饰：无；
颜色：继承；
}
@介质（最大宽度：600px）{
.页脚基本居中{
填充：35px；
}
.footer基本居中。footer公司座右铭{
字号：18px；
}
.footer基本居中。footer公司名称{
字体大小：12px；
}
.footer基本居中。页脚链接{
字体大小：14px；
填充：25px 0 20px；
}
.footer基本居中。页脚链接a{
线高：1.8；
}
}
/*桌面*/
#Home、Stock、AboutUs、ContactUs
{
填充底部：22px；
位置：相对位置；
顶部：-360px；
}
/*平板设备*/
@介质（最小宽度：768px）和（最大宽度：969px）{
#Home、Stock、AboutUs、ContactUs
{
垫底：18px；
位置：相对位置；
顶部：-270px；
字体大小：50%；
}
}
/*移动设备*/
@介质（最大宽度：767px）{
#Home、Stock、AboutUs、ContactUs
{
垫底：18px；
位置：相对位置；
字体大小：20%；
顶部：自动；
} 
.帖子内容
{
顶部：20px；
字号：80px；
}}
/*1200*/
@介质（最小宽度：970px）和（最大宽度：1119px）{
#Home、Stock、AboutUs、ContactUs
{
垫底：25px；
位置：相对位置；
顶部：-310px；
字体大小：60%；
}}
}

复古游戏商场
家
股票
关于我们
联系我们
欢迎来到复古游戏机

在这里你可以找到复古视频游戏的宝藏，出售你不想要的硬件/软件；
并让我们的专业团队修复任何损坏的手持游戏设备。



我们拥有英国最大的复古视频游戏系列之一，其类型从拼图游戏到
游戏和平台，角色扮演游戏和战略游戏。



我们的员工拥有100多年玩复古视频游戏的经验和专业认证证书
任天堂技术员，所以如果你想推荐你的

儿子的生日礼物，或者您需要修复旧GameCube；我们是你们的人
扩展您的复古运动场

· 
· 
· 

2015年复古游戏商场

右栏包含在页面的左侧，因为它是前面的

class=“col-sm-6”

中的一个

class=“col-sm-6”

看起来您缺少一个bef